@salutejs/plasma-new-hope 0.175.1-canary.1506.11553215359.0 → 0.175.2-canary.1505.11553165432.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (593) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  3. package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  4. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  5. package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  6. package/cjs/components/Autocomplete/ui/TextField/{TextField.styles_1ye9068.css → TextField.styles_1csckkd.css} +1 -1
  7. package/cjs/components/Calendar/Calendar.tokens.js +0 -3
  8. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +10 -11
  10. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  11. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  12. package/{es/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css → cjs/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css} +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +10 -11
  14. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -9
  15. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
  16. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  17. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -11
  18. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  19. package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +0 -1
  20. package/cjs/components/Combobox/ComboboxNew/Combobox.css +12 -12
  21. package/cjs/components/Combobox/ComboboxNew/Combobox.js +27 -22
  22. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  24. package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  25. package/{es/components/Combobox/ComboboxNew/Combobox.styles_1nqrvms.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  26. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  27. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  28. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  29. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
  30. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  31. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  32. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +7 -21
  33. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  34. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1njzasn.css → Item.styles_y71664.css} +3 -3
  35. package/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js +21 -0
  36. package/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js.map +1 -0
  37. package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +9 -5
  38. package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -1
  39. package/cjs/components/Combobox/ComboboxOld/Combobox.css +28 -14
  40. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  41. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  42. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  43. package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  44. package/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  45. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  46. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  47. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePickerBase.styles_mjc9xz.css +2 -0
  49. package/cjs/components/DatePicker/RangeDate/RangeDate.css +14 -15
  50. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -13
  51. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  52. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +2 -0
  53. package/cjs/components/DatePicker/SingleDate/SingleDate.css +14 -15
  54. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  55. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  56. package/{es/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css} +1 -1
  57. package/cjs/components/Dropdown/Dropdown.css +30 -16
  58. package/cjs/components/Dropdown/Dropdown.js +60 -37
  59. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  60. package/cjs/components/Dropdown/Dropdown.styles.js +14 -26
  61. package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
  62. package/cjs/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  63. package/cjs/components/Dropdown/Dropdown.tokens.js +24 -3
  64. package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
  65. package/cjs/components/Dropdown/FloatingPopover.js +104 -0
  66. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -0
  67. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  68. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  69. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  70. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  71. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  72. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +25 -31
  73. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  74. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  75. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  76. package/cjs/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  77. package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  78. package/cjs/components/Dropdown/utils/getItemByFocused.js +13 -0
  79. package/cjs/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  80. package/cjs/components/Dropdown/utils/getItemId.js +10 -0
  81. package/cjs/components/Dropdown/utils/getItemId.js.map +1 -0
  82. package/cjs/components/Dropdown/utils/getPlacement.js +16 -0
  83. package/cjs/components/Dropdown/utils/getPlacement.js.map +1 -0
  84. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  85. package/cjs/components/Notification/Notification.css +11 -11
  86. package/cjs/components/Notification/Notification.styles.js +15 -15
  87. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  88. package/cjs/components/Notification/{Notification.styles_1g34msm.css → Notification.styles_7h8hp0.css} +1 -1
  89. package/cjs/components/Notification/Notification.tokens.js +0 -2
  90. package/cjs/components/Notification/Notification.tokens.js.map +1 -1
  91. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  92. package/cjs/components/Pagination/Pagination.css +10 -10
  93. package/cjs/components/Pagination/Pagination.js +5 -5
  94. package/cjs/components/Pagination/Pagination.js.map +1 -1
  95. package/cjs/components/Pagination/Pagination.styles.js +3 -3
  96. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  97. package/cjs/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css} +1 -1
  98. package/cjs/components/Pagination/Pagination.tokens.js +1 -4
  99. package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
  100. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  101. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  102. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  103. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  104. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  105. package/cjs/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css} +1 -1
  106. package/cjs/components/Select/Select.js +14 -26
  107. package/cjs/components/Select/Select.js.map +1 -1
  108. package/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -1
  109. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  110. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  111. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  112. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  113. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  114. package/cjs/components/Select/utils/getButtonLabel.js +1 -1
  115. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  116. package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -1
  117. package/cjs/components/Select/utils/getInitialValue.js +21 -0
  118. package/cjs/components/Select/utils/getInitialValue.js.map +1 -0
  119. package/cjs/components/Select/utils/initialItemsTransform.js +9 -6
  120. package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -1
  121. package/cjs/components/Tabs/tokens.js +1 -7
  122. package/cjs/components/Tabs/tokens.js.map +1 -1
  123. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  124. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  125. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  126. package/{es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css → cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css} +1 -1
  127. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  128. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  129. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  130. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1g7zipg.css → VerticalTabItem.styles_16d3lah.css} +1 -1
  131. package/cjs/hooks/useOutsideClick.js +1 -1
  132. package/cjs/hooks/useOutsideClick.js.map +1 -1
  133. package/cjs/index.css +71 -74
  134. package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  135. package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  136. package/emotion/cjs/components/Calendar/Calendar.tokens.js +0 -3
  137. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  138. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  139. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +17 -22
  140. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -22
  141. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  142. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  143. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  144. package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -21
  145. package/emotion/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js +20 -0
  146. package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +8 -1
  147. package/emotion/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  148. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  149. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
  150. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  151. package/emotion/cjs/components/Dropdown/Dropdown.js +58 -37
  152. package/emotion/cjs/components/Dropdown/Dropdown.styles.js +9 -25
  153. package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +36 -4
  154. package/emotion/cjs/components/Dropdown/FloatingPopover.js +109 -0
  155. package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  156. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  157. package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +21 -41
  158. package/emotion/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  159. package/emotion/cjs/components/Dropdown/utils/getItemId.js +9 -0
  160. package/emotion/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  161. package/emotion/cjs/components/Dropdown/utils/index.js +23 -1
  162. package/emotion/cjs/components/Notification/Notification.styles.js +11 -11
  163. package/emotion/cjs/components/Notification/Notification.tokens.js +0 -2
  164. package/emotion/cjs/components/Pagination/Pagination.js +5 -5
  165. package/emotion/cjs/components/Pagination/Pagination.styles.js +8 -8
  166. package/emotion/cjs/components/Pagination/Pagination.tokens.js +1 -4
  167. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  168. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  169. package/emotion/cjs/components/Select/Select.js +12 -25
  170. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -1
  171. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  172. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  173. package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
  174. package/emotion/cjs/components/Select/utils/getInitialValue.js +20 -0
  175. package/emotion/cjs/components/Select/utils/index.js +8 -1
  176. package/emotion/cjs/components/Select/utils/initialItemsTransform.js +19 -6
  177. package/emotion/cjs/components/Tabs/tokens.js +1 -7
  178. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  179. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  180. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  181. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  182. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  183. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  184. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  185. package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  186. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  187. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  188. package/emotion/cjs/hooks/useOutsideClick.js +1 -1
  189. package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  190. package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  191. package/emotion/es/components/Calendar/Calendar.tokens.js +0 -3
  192. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  193. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  194. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +16 -21
  195. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +27 -23
  196. package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -7
  197. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  198. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  199. package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +15 -21
  200. package/emotion/es/components/Combobox/ComboboxNew/utils/getInitialValue.js +14 -0
  201. package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +2 -1
  202. package/emotion/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  203. package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -5
  204. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
  205. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
  206. package/emotion/es/components/Dropdown/Dropdown.js +60 -40
  207. package/emotion/es/components/Dropdown/Dropdown.styles.js +9 -25
  208. package/emotion/es/components/Dropdown/Dropdown.tokens.js +35 -3
  209. package/emotion/es/components/Dropdown/FloatingPopover.js +102 -0
  210. package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  211. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  212. package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +22 -42
  213. package/emotion/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  214. package/emotion/es/components/Dropdown/utils/getItemId.js +3 -0
  215. package/emotion/es/components/Dropdown/utils/getPlacement.js +9 -0
  216. package/emotion/es/components/Dropdown/utils/index.js +4 -1
  217. package/emotion/es/components/Notification/Notification.styles.js +11 -11
  218. package/emotion/es/components/Notification/Notification.tokens.js +0 -2
  219. package/emotion/es/components/Pagination/Pagination.js +5 -5
  220. package/emotion/es/components/Pagination/Pagination.styles.js +8 -8
  221. package/emotion/es/components/Pagination/Pagination.tokens.js +1 -4
  222. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  223. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  224. package/emotion/es/components/Select/Select.js +13 -26
  225. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +1 -1
  226. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  227. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
  228. package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
  229. package/emotion/es/components/Select/utils/getInitialValue.js +14 -0
  230. package/emotion/es/components/Select/utils/index.js +2 -1
  231. package/emotion/es/components/Select/utils/initialItemsTransform.js +19 -6
  232. package/emotion/es/components/Tabs/tokens.js +1 -7
  233. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +5 -5
  234. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
  235. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  236. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  237. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  238. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  239. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
  240. package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  241. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  242. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  243. package/emotion/es/hooks/useOutsideClick.js +1 -1
  244. package/es/components/Autocomplete/Autocomplete.css +1 -1
  245. package/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  246. package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
  247. package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  248. package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
  249. package/es/components/Autocomplete/ui/TextField/{TextField.styles_1ye9068.css → TextField.styles_1csckkd.css} +1 -1
  250. package/es/components/Calendar/Calendar.tokens.js +0 -3
  251. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  252. package/es/components/Calendar/CalendarBase/CalendarBase.css +10 -11
  253. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  254. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  255. package/{cjs/components/Calendar/CalendarBase/CalendarBase.styles_ni8729.css → es/components/Calendar/CalendarBase/CalendarBase.styles_1m6uih1.css} +1 -1
  256. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +10 -11
  257. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -9
  258. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -4
  259. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  260. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -11
  261. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  262. package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1xijs8w.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +0 -1
  263. package/es/components/Combobox/ComboboxNew/Combobox.css +12 -12
  264. package/es/components/Combobox/ComboboxNew/Combobox.js +27 -22
  265. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  266. package/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
  267. package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
  268. package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_1nqrvms.css → es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css} +1 -1
  269. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  270. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  271. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +12 -12
  272. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +12 -12
  273. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  274. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -1
  275. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +7 -21
  276. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  277. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/{Item.styles_1njzasn.css → Item.styles_y71664.css} +3 -3
  278. package/es/components/Combobox/ComboboxNew/utils/getInitialValue.js +17 -0
  279. package/es/components/Combobox/ComboboxNew/utils/getInitialValue.js.map +1 -0
  280. package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +9 -5
  281. package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -1
  282. package/es/components/Combobox/ComboboxOld/Combobox.css +28 -14
  283. package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +32 -18
  284. package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +32 -18
  285. package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +32 -18
  286. package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +32 -18
  287. package/es/components/DatePicker/DatePicker.tokens.js +0 -5
  288. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  289. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  290. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  291. package/es/components/DatePicker/DatePickerBase.styles_mjc9xz.css +2 -0
  292. package/es/components/DatePicker/RangeDate/RangeDate.css +14 -15
  293. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -13
  294. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  295. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css +2 -0
  296. package/es/components/DatePicker/SingleDate/SingleDate.css +14 -15
  297. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  298. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  299. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_e72b5o.css → es/components/DatePicker/SingleDate/SingleDate.styles_1rrq00l.css} +1 -1
  300. package/es/components/Dropdown/Dropdown.css +30 -16
  301. package/es/components/Dropdown/Dropdown.js +62 -40
  302. package/es/components/Dropdown/Dropdown.js.map +1 -1
  303. package/es/components/Dropdown/Dropdown.styles.js +15 -26
  304. package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
  305. package/es/components/Dropdown/Dropdown.styles_1ix6io8.css +2 -0
  306. package/es/components/Dropdown/Dropdown.tokens.js +24 -3
  307. package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
  308. package/es/components/Dropdown/FloatingPopover.js +100 -0
  309. package/es/components/Dropdown/FloatingPopover.js.map +1 -0
  310. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  311. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  312. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +46 -6
  313. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  314. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  315. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +24 -29
  316. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
  317. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_17va0nk.css +5 -0
  318. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItem.styles.js +1 -1
  319. package/es/components/Dropdown/ui/DropdownItemOld/{DropdownItem.styles_12e50g5.css → DropdownItem.styles_1lyg81y.css} +1 -1
  320. package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.css +4 -4
  321. package/es/components/Dropdown/utils/getItemByFocused.js +9 -0
  322. package/es/components/Dropdown/utils/getItemByFocused.js.map +1 -0
  323. package/es/components/Dropdown/utils/getItemId.js +6 -0
  324. package/es/components/Dropdown/utils/getItemId.js.map +1 -0
  325. package/es/components/Dropdown/utils/getPlacement.js +12 -0
  326. package/es/components/Dropdown/utils/getPlacement.js.map +1 -0
  327. package/es/components/Dropdown/utils/index.js.map +1 -1
  328. package/es/components/Notification/Notification.css +11 -11
  329. package/es/components/Notification/Notification.styles.js +15 -15
  330. package/es/components/Notification/Notification.styles.js.map +1 -1
  331. package/es/components/Notification/{Notification.styles_1g34msm.css → Notification.styles_7h8hp0.css} +1 -1
  332. package/es/components/Notification/Notification.tokens.js +0 -2
  333. package/es/components/Notification/Notification.tokens.js.map +1 -1
  334. package/es/components/Notification/NotificationsProvider.css +11 -11
  335. package/es/components/Pagination/Pagination.css +10 -10
  336. package/es/components/Pagination/Pagination.js +5 -5
  337. package/es/components/Pagination/Pagination.js.map +1 -1
  338. package/es/components/Pagination/Pagination.styles.js +3 -3
  339. package/es/components/Pagination/Pagination.styles.js.map +1 -1
  340. package/es/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css} +1 -1
  341. package/es/components/Pagination/Pagination.tokens.js +1 -4
  342. package/es/components/Pagination/Pagination.tokens.js.map +1 -1
  343. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
  344. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  345. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
  346. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  347. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  348. package/es/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css} +1 -1
  349. package/es/components/Select/Select.js +15 -27
  350. package/es/components/Select/Select.js.map +1 -1
  351. package/es/components/Select/hooks/useKeyboardNavigation.js +1 -1
  352. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  353. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  354. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  355. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  356. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  357. package/es/components/Select/utils/getButtonLabel.js +1 -1
  358. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  359. package/es/components/Select/utils/getCorrectHeight.js.map +1 -1
  360. package/es/components/Select/utils/getInitialValue.js +17 -0
  361. package/es/components/Select/utils/getInitialValue.js.map +1 -0
  362. package/es/components/Select/utils/initialItemsTransform.js +9 -6
  363. package/es/components/Select/utils/initialItemsTransform.js.map +1 -1
  364. package/es/components/Tabs/tokens.js +1 -7
  365. package/es/components/Tabs/tokens.js.map +1 -1
  366. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  367. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  368. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  369. package/{cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_uaaqqg.css → es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css} +1 -1
  370. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  371. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  372. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  373. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1g7zipg.css → VerticalTabItem.styles_16d3lah.css} +1 -1
  374. package/es/hooks/useOutsideClick.js +1 -1
  375. package/es/hooks/useOutsideClick.js.map +1 -1
  376. package/es/index.css +71 -74
  377. package/package.json +2 -2
  378. package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -1
  379. package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  380. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +0 -3
  381. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  382. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
  383. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -6
  384. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +26 -22
  385. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  386. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  387. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  388. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -12
  389. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getInitialValue.js +20 -0
  390. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +8 -1
  391. package/styled-components/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  392. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -5
  393. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  394. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  395. package/styled-components/cjs/components/Dropdown/Dropdown.js +58 -37
  396. package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -15
  397. package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +36 -4
  398. package/styled-components/cjs/components/Dropdown/FloatingPopover.js +109 -0
  399. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +17 -51
  400. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +29 -18
  401. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +17 -19
  402. package/styled-components/cjs/components/Dropdown/utils/getItemByFocused.js +12 -0
  403. package/styled-components/cjs/components/Dropdown/utils/getItemId.js +9 -0
  404. package/styled-components/cjs/components/Dropdown/utils/getPlacement.js +15 -0
  405. package/styled-components/cjs/components/Dropdown/utils/index.js +23 -1
  406. package/styled-components/cjs/components/Notification/Notification.styles.js +1 -1
  407. package/styled-components/cjs/components/Notification/Notification.tokens.js +0 -2
  408. package/styled-components/cjs/components/Pagination/Pagination.js +5 -5
  409. package/styled-components/cjs/components/Pagination/Pagination.styles.js +1 -1
  410. package/styled-components/cjs/components/Pagination/Pagination.tokens.js +1 -4
  411. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  412. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  413. package/styled-components/cjs/components/Select/Select.js +12 -25
  414. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +1 -1
  415. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  416. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  417. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
  418. package/styled-components/cjs/components/Select/utils/getInitialValue.js +20 -0
  419. package/styled-components/cjs/components/Select/utils/index.js +8 -1
  420. package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +19 -6
  421. package/styled-components/cjs/components/Tabs/tokens.js +1 -7
  422. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  423. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  424. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  425. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  426. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
  427. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  428. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  429. package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  430. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
  431. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  432. package/styled-components/cjs/hooks/useOutsideClick.js +1 -1
  433. package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -1
  434. package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
  435. package/styled-components/es/components/Calendar/Calendar.tokens.js +0 -3
  436. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  437. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
  438. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +1 -5
  439. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +27 -23
  440. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
  441. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -5
  442. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +1 -2
  443. package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +6 -12
  444. package/styled-components/es/components/Combobox/ComboboxNew/utils/getInitialValue.js +14 -0
  445. package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +2 -1
  446. package/styled-components/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +19 -5
  447. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -5
  448. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  449. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  450. package/styled-components/es/components/Dropdown/Dropdown.js +60 -40
  451. package/styled-components/es/components/Dropdown/Dropdown.styles.js +9 -15
  452. package/styled-components/es/components/Dropdown/Dropdown.tokens.js +35 -3
  453. package/styled-components/es/components/Dropdown/FloatingPopover.js +102 -0
  454. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +18 -52
  455. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +31 -20
  456. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +18 -20
  457. package/styled-components/es/components/Dropdown/utils/getItemByFocused.js +6 -0
  458. package/styled-components/es/components/Dropdown/utils/getItemId.js +3 -0
  459. package/styled-components/es/components/Dropdown/utils/getPlacement.js +9 -0
  460. package/styled-components/es/components/Dropdown/utils/index.js +4 -1
  461. package/styled-components/es/components/Notification/Notification.styles.js +1 -1
  462. package/styled-components/es/components/Notification/Notification.tokens.js +0 -2
  463. package/styled-components/es/components/Pagination/Pagination.js +5 -5
  464. package/styled-components/es/components/Pagination/Pagination.styles.js +1 -1
  465. package/styled-components/es/components/Pagination/Pagination.tokens.js +1 -4
  466. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +2 -2
  467. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  468. package/styled-components/es/components/Select/Select.js +13 -26
  469. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +1 -1
  470. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
  471. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  472. package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
  473. package/styled-components/es/components/Select/utils/getInitialValue.js +14 -0
  474. package/styled-components/es/components/Select/utils/index.js +2 -1
  475. package/styled-components/es/components/Select/utils/initialItemsTransform.js +19 -6
  476. package/styled-components/es/components/Tabs/tokens.js +1 -7
  477. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  478. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  479. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
  480. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +6 -0
  481. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +6 -6
  482. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +6 -5
  483. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
  484. package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +6 -0
  485. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +6 -6
  486. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +6 -5
  487. package/styled-components/es/hooks/useOutsideClick.js +1 -1
  488. package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -1
  489. package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
  490. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  491. package/types/components/Calendar/Calendar.tokens.d.ts +0 -3
  492. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  493. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  494. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  495. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +0 -1
  496. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  497. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  498. package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
  499. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -4
  500. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  501. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +14 -3
  502. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  503. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  504. package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  505. package/types/components/Combobox/ComboboxNew/utils/getInitialValue.d.ts +4 -0
  506. package/types/components/Combobox/ComboboxNew/utils/getInitialValue.d.ts.map +1 -0
  507. package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
  508. package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
  509. package/types/components/Combobox/ComboboxNew/utils/initialItemsTransform.d.ts.map +1 -1
  510. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +2 -1
  511. package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -1
  512. package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -5
  513. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  514. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  515. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  516. package/types/components/Dropdown/Dropdown.d.ts +2 -1
  517. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  518. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -6
  519. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  520. package/types/components/Dropdown/Dropdown.tokens.d.ts +25 -2
  521. package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
  522. package/types/components/Dropdown/Dropdown.types.d.ts +30 -4
  523. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  524. package/types/components/Dropdown/FloatingPopover.d.ts +5 -0
  525. package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -0
  526. package/types/components/Dropdown/index.d.ts +1 -1
  527. package/types/components/Dropdown/index.d.ts.map +1 -1
  528. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  529. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -12
  530. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  531. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  532. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +32 -3
  533. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map +1 -1
  534. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -14
  535. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  536. package/types/components/Dropdown/utils/getItemByFocused.d.ts +4 -0
  537. package/types/components/Dropdown/utils/getItemByFocused.d.ts.map +1 -0
  538. package/types/components/Dropdown/utils/getItemId.d.ts +2 -0
  539. package/types/components/Dropdown/utils/getItemId.d.ts.map +1 -0
  540. package/types/components/Dropdown/utils/getPlacement.d.ts +3 -0
  541. package/types/components/Dropdown/utils/getPlacement.d.ts.map +1 -0
  542. package/types/components/Dropdown/utils/index.d.ts +3 -0
  543. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  544. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  545. package/types/components/Notification/Notification.tokens.d.ts +0 -2
  546. package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
  547. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  548. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  549. package/types/components/Pagination/Pagination.tokens.d.ts +0 -3
  550. package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
  551. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
  552. package/types/components/Select/Select.d.ts.map +1 -1
  553. package/types/components/Select/Select.types.d.ts +1 -0
  554. package/types/components/Select/Select.types.d.ts.map +1 -1
  555. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +2 -2
  556. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  557. package/types/components/Select/ui/Target/Target.types.d.ts +2 -2
  558. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  559. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +4 -4
  560. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  561. package/types/components/Select/utils/getCorrectHeight.d.ts +2 -2
  562. package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -1
  563. package/types/components/Select/utils/getInitialValue.d.ts +4 -0
  564. package/types/components/Select/utils/getInitialValue.d.ts.map +1 -0
  565. package/types/components/Select/utils/index.d.ts +1 -0
  566. package/types/components/Select/utils/index.d.ts.map +1 -1
  567. package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -1
  568. package/types/components/Tabs/tokens.d.ts +0 -6
  569. package/types/components/Tabs/tokens.d.ts.map +1 -1
  570. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  571. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  572. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +30 -6
  573. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
  574. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts +3 -3
  575. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  576. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts +4 -4
  577. package/types/examples/plasma_b2c/components/Dropdown/Dropdown.d.ts.map +1 -1
  578. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +30 -6
  579. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
  580. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts +3 -3
  581. package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map +1 -1
  582. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts +4 -4
  583. package/types/examples/plasma_web/components/Dropdown/Dropdown.d.ts.map +1 -1
  584. package/types/hooks/useOutsideClick.d.ts +1 -1
  585. package/types/hooks/useOutsideClick.d.ts.map +1 -1
  586. package/cjs/components/DatePicker/DatePickerBase.styles_1x090si.css +0 -2
  587. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +0 -2
  588. package/cjs/components/Dropdown/Dropdown.styles_zvi9m3.css +0 -3
  589. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
  590. package/es/components/DatePicker/DatePickerBase.styles_1x090si.css +0 -2
  591. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1i6gpss.css +0 -2
  592. package/es/components/Dropdown/Dropdown.styles_zvi9m3.css +0 -3
  593. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_blclup.css +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.175.1-canary.1506.11553215359.0",
3
+ "version": "0.175.2-canary.1505.11553165432.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -128,5 +128,5 @@
128
128
  "sideEffects": [
129
129
  "*.css"
130
130
  ],
131
- "gitHead": "327f5647e6c8b3784e988ee0025a2b6dc0234ece"
131
+ "gitHead": "9e0bc4ce4e4a5597a055147c340a4d76caaa0439"
132
132
  }
@@ -68,7 +68,6 @@ var tokens = exports.tokens = {
68
68
  textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
69
69
  textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
70
70
  textFieldContentSlotColor: '--plasma-autocomplete-content-color',
71
- textFieldContentSlotRightColor: '--plasma-autocomplete-content-right-color',
72
71
  // Токены для дропдауна
73
72
  background: '--plasma-autocomplete-background',
74
73
  boxShadow: '--plasma-autocomplete-box-shadow',
@@ -13,4 +13,4 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
13
13
  var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
14
14
  var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
15
15
  componentId: "plasma-new-hope__sc-1rp2ggs-0"
16
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _Autocomplete.tokens.textFieldContentSlotRightColor, _Autocomplete.tokens.textFieldColor);
16
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _Autocomplete.tokens.textFieldColor);
@@ -35,8 +35,6 @@ var innerTokens = exports.innerTokens = {
35
35
  var tokens = exports.tokens = {
36
36
  calendarWidth: '--plasma-calendar-width',
37
37
  calendarHeight: '--plasma-calendar-height',
38
- calendarBorderWidth: '--plasma-calendar-border-width',
39
- calendarBorderColor: '--plasma-calendar-border-color',
40
38
  /* Токены размера сетки лет */
41
39
  calendarYearsPadding: '--plasma-calendar-years-padding',
42
40
  calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
@@ -99,7 +97,6 @@ var tokens = exports.tokens = {
99
97
  calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
100
98
  calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
101
99
  calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
102
- calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',
103
100
  /* Токены стрелок навигации календаря */
104
101
  iconButtonColor: '--plasma-calendar-icon-button-color',
105
102
  iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
@@ -11,7 +11,7 @@ var _templateObject;
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
13
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
- var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n border: var(", ") solid var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor);
14
+ var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
15
15
  var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
16
16
  componentId: "plasma-new-hope__sc-1xkgu4c-0"
17
17
  })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
@@ -44,20 +44,20 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
44
44
  return '';
45
45
  }
46
46
  if (type === _types.CalendarState.Days) {
47
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
47
+ return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
48
48
  color: "inherit",
49
49
  size: size === 'xs' ? 'xs' : 's'
50
50
  })));
51
51
  }
52
52
  if (type === _types.CalendarState.Months || type === _types.CalendarState.Quarters) {
53
- return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
53
+ return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
54
54
  color: "inherit",
55
55
  size: size === 'xs' ? 'xs' : 's'
56
56
  }));
57
57
  }
58
58
  if (type === _types.CalendarState.Years) {
59
59
  var yearValue = secondPart ? startYear + 12 : startYear;
60
- return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
60
+ return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
61
61
  color: "inherit",
62
62
  size: size === 'xs' ? 'xs' : 's'
63
63
  }));
@@ -3,14 +3,13 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeaderArrow = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
6
+ exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
8
  var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
9
9
  var _engines = /*#__PURE__*/require("../../../../engines");
10
10
  var _IconButton = /*#__PURE__*/require("../../../IconButton");
11
11
  var _mixins = /*#__PURE__*/require("../../mixins");
12
12
  var _mixins2 = /*#__PURE__*/require("../../../../mixins");
13
- var _Icon = /*#__PURE__*/require("../../../_Icon");
14
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
14
  var mergedIconButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
16
15
  var IconButton = /*#__PURE__*/(0, _engines.component)(mergedIconButtonConfig);
@@ -49,7 +48,4 @@ var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledCompon
49
48
  outlineOffset: '-0.125rem',
50
49
  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
51
50
  outlineRadius: '0.563rem'
52
- }));
53
- var StyledHeaderArrow = exports.StyledHeaderArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownFill).withConfig({
54
- componentId: "plasma-new-hope__sc-186pzg3-8"
55
- })(["color:var(", ",var(", "));"], _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor);
51
+ }));
@@ -20,7 +20,7 @@ var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
20
20
  var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
21
21
  var _base = /*#__PURE__*/require("./variations/_view/base");
22
22
  var _base2 = /*#__PURE__*/require("./variations/_size/base");
23
- var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect"];
23
+ var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
24
24
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
25
25
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
26
26
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -44,6 +44,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
44
44
  outerValue = props.value,
45
45
  outerOnChange = props.onChange,
46
46
  isTargetAmount = props.isTargetAmount,
47
+ targetAmount = props.targetAmount,
47
48
  items = props.items,
48
49
  _props$placement = props.placement,
49
50
  placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
@@ -71,10 +72,15 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
71
72
  alwaysOpened = _props$alwaysOpened === void 0 ? false : _props$alwaysOpened,
72
73
  filter = props.filter,
73
74
  outerCloseAfterSelect = props.closeAfterSelect,
75
+ renderValue = props.renderValue,
74
76
  rest = _objectWithoutProperties(props, _excluded);
77
+ var transformedItems = (0, _react.useMemo)(function () {
78
+ return (0, _utils3.initialItemsTransform)(items || []);
79
+ }, [items]);
80
+
75
81
  // Создаем структуры для быстрой работы с деревом
76
82
  var _useMemo = (0, _react.useMemo)(function () {
77
- return (0, _getPathMaps.getTreeMaps)(items);
83
+ return (0, _getPathMaps.getTreeMaps)(transformedItems);
78
84
  }, [items]),
79
85
  _useMemo2 = _slicedToArray(_useMemo, 3),
80
86
  valueToCheckedMap = _useMemo2[0],
@@ -88,14 +94,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
88
94
  _useState4 = _slicedToArray(_useState3, 2),
89
95
  internalValue = _useState4[0],
90
96
  setInternalValue = _useState4[1];
91
- var value = outerValue || internalValue;
97
+ var value = outerValue !== null && outerValue !== undefined ? (0, _utils3.getInitialValue)(outerValue, valueToItemMap) : internalValue;
92
98
  var inputRef = (0, _react.useRef)(null);
93
99
  var floatingPopoverRef = (0, _react.useRef)(null);
94
100
  var inputForkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
95
101
  var treeId = (0, _plasmaCore.safeUseId)();
96
- var transformedItems = (0, _react.useMemo)(function () {
97
- return (0, _utils3.initialItemsTransform)(items || []);
98
- }, [items]);
99
102
  var filteredItems = (0, _utils3.filterItems)(transformedItems, textValue, (_valueToItemMap$get2 = valueToItemMap.get(value)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label, filter);
100
103
  var _useMemo3 = (0, _react.useMemo)(function () {
101
104
  return (0, _getPathMaps.getPathMap)(filteredItems);
@@ -262,16 +265,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
262
265
  if (e) {
263
266
  e.stopPropagation();
264
267
  }
265
- var checkedCopy = new Map(checked);
266
- var isCurrentChecked = checkedCopy.get(item.value);
267
- checkedCopy.forEach(function (_, key) {
268
- checkedCopy.set(key, false);
269
- });
270
- if (!isCurrentChecked) {
271
- checkedCopy.set(item.value, 'done');
272
- (0, _utils3.updateSingleAncestors)(item, checkedCopy, 'dot');
273
- }
274
- setTextValue(isCurrentChecked ? '' : item.label);
268
+ var isCurrentChecked = checked.get(item.value);
275
269
  if (!alwaysOpened && closeAfterSelect) {
276
270
  dispatchPath({
277
271
  type: 'reset'
@@ -285,14 +279,18 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
285
279
  }
286
280
  };
287
281
  var getChips = function getChips() {
288
- if (multiple) {
282
+ if (multiple && Array.isArray(value)) {
289
283
  if (value.length === 0) return [];
290
284
  if (isTargetAmount) {
291
- return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
285
+ return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(targetAmount || value.length)];
292
286
  }
293
- return value.map(function (value) {
294
- return valueToItemMap.get(value).label;
295
- });
287
+ var renderValueMapper = renderValue && function (stringValue) {
288
+ return renderValue(valueToItemMap.get(stringValue));
289
+ };
290
+ var valueToItemMapper = function valueToItemMapper(stringValue) {
291
+ return valueToItemMap.get(stringValue).label;
292
+ };
293
+ return value.map(renderValueMapper || valueToItemMapper);
296
294
  }
297
295
  return [];
298
296
  };
@@ -320,6 +318,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
320
318
  // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
321
319
  // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
322
320
  (0, _react.useLayoutEffect)(function () {
321
+ var _valueToItemMap$get4;
323
322
  var checkedCopy = new Map(checked);
324
323
  checkedCopy.forEach(function (_, key) {
325
324
  checkedCopy.set(key, false);
@@ -337,7 +336,12 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
337
336
  }
338
337
  }
339
338
  setChecked(checkedCopy);
340
- }, [value]);
339
+ setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
340
+
341
+ // В deps мы кладем именно outerValue и internalValue, а не просто value.
342
+ // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
343
+ // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
344
+ }, [outerValue, internalValue, items]);
341
345
  return /*#__PURE__*/_react["default"].createElement(Root, {
342
346
  size: size,
343
347
  view: view,
@@ -31,12 +31,12 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
31
31
  }, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
32
32
  var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
33
33
  componentId: "plasma-new-hope__sc-2kddkg-1"
34
- })(["line-height:0;color:var(", ",var(", "));cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, _Combobox.constants.disclosureIconColor, function (_ref5) {
34
+ })(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.constants.disclosureIconColor, function (_ref5) {
35
35
  var disabled = _ref5.disabled;
36
36
  return disabled ? 'inherit' : 'pointer';
37
37
  }, _Combobox.classes.arrowInverse, function (_ref6) {
38
38
  var disabled = _ref6.disabled;
39
- return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ", var(").concat(_Combobox.constants.disclosureIconColor, "))") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ", var(").concat(_Combobox.constants.disclosureIconColorHover, "))");
39
+ return disabled ? "var(".concat(_Combobox.constants.disclosureIconColor, ")") : "var(".concat(_Combobox.constants.disclosureIconColorHover, ")");
40
40
  });
41
41
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
42
42
  componentId: "plasma-new-hope__sc-2kddkg-2"
@@ -36,8 +36,6 @@ var tokens = exports.tokens = {
36
36
  itemIconSize: '--plasma-combobox-item-icon-size',
37
37
  itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
38
38
  itemIconMargin: '--plasma-combobox-item-icon-margin',
39
- itemBackground: '--plasma-combobox-item-background',
40
- itemBackgroundHover: '--plasma-combobox-item-background-hover',
41
39
  cellPadding: '--plasma-combobox-cell-padding',
42
40
  cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
43
41
  cellPaddingContent: '--plasma-combobox-cell-padding-content',
@@ -153,9 +151,7 @@ var tokens = exports.tokens = {
153
151
  helperTextColor: '--plasma-combobox-helper-text-color',
154
152
  helperTextOffset: '--plasma-combobox-helper-text-offset',
155
153
  spinnerSize: '--plasma-combobox-spinner-size',
156
- spinnerSizeTight: '--plasma-combobox-spinner-size-tight',
157
- disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
158
- disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover'
154
+ spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
159
155
  };
160
156
  var constants = exports.constants = {
161
157
  focusColor: '--surface-accent',
@@ -87,8 +87,7 @@ var Item = exports.Item = function Item(_ref) {
87
87
  }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
88
88
  checked: Boolean(checked.get(item.value)),
89
89
  indeterminate: checked.get(item.value) === 'indeterminate',
90
- onChange: handleChange,
91
- className: _Combobox.classes.selectItemCheckbox
90
+ onChange: handleChange
92
91
  })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
93
92
  size: "s",
94
93
  view: "default"
@@ -38,31 +38,25 @@ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledCompon
38
38
  })(["margin-left:auto;display:inline-flex;"]);
39
39
  var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
40
40
  componentId: "plasma-new-hope__sc-1n1xg1s-6"
41
- })(["line-height:0;color:var(", ",var(", "));&:hover{color:var(", ",var(", "));}"], _Combobox.tokens.disclosureIconColor, _Combobox.constants.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover, _Combobox.constants.disclosureIconColorHover);
41
+ })(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
42
42
  var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
43
43
  componentId: "plasma-new-hope__sc-1n1xg1s-7"
44
- })(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
44
+ })(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
45
45
  var variant = _ref.variant;
46
46
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
47
47
  }, function (_ref2) {
48
48
  var variant = _ref2.variant;
49
49
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemIconSizeTight : _Combobox.tokens.itemIconSize, ")");
50
- }, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor, _Combobox.classes.selectItemCheckbox, function (_ref3) {
51
- var variant = _ref3.variant;
52
- return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerSizeTight : _Combobox.tokens.checkboxTriggerSize, ")");
53
- }, function (_ref4) {
54
- var variant = _ref4.variant;
55
- return "var(".concat(variant === 'tight' ? _Combobox.tokens.checkboxTriggerBorderRadiusTight : _Combobox.tokens.checkboxTriggerBorderRadius, ")");
56
- });
50
+ }, _Combobox.tokens.itemIconMargin, _Combobox.tokens.checkboxFillColor);
57
51
  var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
58
52
  componentId: "plasma-new-hope__sc-1n1xg1s-8"
59
53
  })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
60
54
  var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
61
55
  componentId: "plasma-new-hope__sc-1n1xg1s-9"
62
- })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ",var(", "));color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ",var(", "));}&.", "{background-color:var(", ",var(", "));}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref5) {
63
- var variant = _ref5.variant;
56
+ })(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
57
+ var variant = _ref3.variant;
64
58
  return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
65
- }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.tokens.itemBackground, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
59
+ }, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
66
60
  outlineSize: '0.0625rem',
67
61
  outlineOffset: '0',
68
62
  outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getInitialValue = void 0;
7
+ // Утилита предназначена для фильтрации элементов в value, которые отсутствуют в items.
8
+ // Эти элементы игнорируются и не участвуют в дальнейшей работе компонента.
9
+ var getInitialValue = exports.getInitialValue = function getInitialValue(outerValue, valueToItemMap) {
10
+ if (Array.isArray(outerValue)) {
11
+ if (outerValue.length === 0) {
12
+ return [];
13
+ }
14
+ return outerValue.filter(valueToItemMap.has.bind(valueToItemMap));
15
+ }
16
+ if (valueToItemMap.has(outerValue)) {
17
+ return outerValue;
18
+ }
19
+ return '';
20
+ };
@@ -9,6 +9,12 @@ Object.defineProperty(exports, "filterItems", {
9
9
  return _filterItems.filterItems;
10
10
  }
11
11
  });
12
+ Object.defineProperty(exports, "getInitialValue", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _getInitialValue.getInitialValue;
16
+ }
17
+ });
12
18
  Object.defineProperty(exports, "getItemId", {
13
19
  enumerable: true,
14
20
  get: function get() {
@@ -51,4 +57,5 @@ var _updateAncestors = /*#__PURE__*/require("./updateAncestors");
51
57
  var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
52
58
  var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
53
59
  var _filterItems = /*#__PURE__*/require("./filterItems");
54
- var _getItemId = /*#__PURE__*/require("./getItemId");
60
+ var _getItemId = /*#__PURE__*/require("./getItemId");
61
+ var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
@@ -1,17 +1,31 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.initialItemsTransform = void 0;
8
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
12
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
13
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
14
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
17
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
18
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
7
19
  // Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
8
20
  // Дает возможность прохода к корневому элементу (снизу вверх).
21
+ // На выходе получаем глубокую копию исходного массива items.
9
22
  var initialItemsTransform = exports.initialItemsTransform = function initialItemsTransform(items, parent) {
10
- items.forEach(function (item) {
11
- item.parent = parent;
12
- if (item.items) {
13
- item.items = initialItemsTransform(item.items, item);
23
+ return _toConsumableArray(items).map(function (item) {
24
+ var itemCopy = _objectSpread({}, item);
25
+ itemCopy.parent = parent;
26
+ if (itemCopy.items) {
27
+ itemCopy.items = initialItemsTransform(itemCopy.items, itemCopy);
14
28
  }
29
+ return itemCopy;
15
30
  });
16
- return items;
17
31
  };
@@ -115,16 +115,12 @@ var tokens = exports.tokens = {
115
115
  textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
116
116
  textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
117
117
  textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
118
- textFieldContentRightSlotColor: '--plasma-date-picker-textfield__content-right-color',
119
- textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
120
118
  /** Токены календаря */
121
119
  calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
122
120
  calendarShadow: '--plasma-date-picker-calendar-shadow',
123
121
  calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
124
122
  calendarWidth: '--plasma-date-picker-calendar-width',
125
123
  calendarHeight: '--plasma-date-picker-calendar-height',
126
- calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
127
- calendarBorderColor: '--plasma-date-picker-calendar-border-width',
128
124
  calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
129
125
  calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
130
126
  calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
@@ -182,7 +178,6 @@ var tokens = exports.tokens = {
182
178
  calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
183
179
  calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
184
180
  calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
185
- calendarHeaderArrowColor: '--plasma-date-picker-calendar__header-arrow-color',
186
181
  iconButtonColor: '--plasma-date-picker-icon-button__color',
187
182
  iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
188
183
  iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
@@ -12,7 +12,7 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
13
  var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
14
14
  var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
15
- var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
15
+ var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
16
16
 
17
17
  // NOTE: переопределение токенов Calendar
18
18
  var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({
@@ -23,7 +23,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
23
23
  // NOTE: переопределение токенов TextField
24
24
  var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
25
25
  componentId: "plasma-new-hope__sc-1ye0xbz-1"
26
- })(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
26
+ })(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
27
27
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
28
28
  var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
29
29
  componentId: "plasma-new-hope__sc-1ye0xbz-2"