@salutejs/plasma-new-hope 0.192.0-canary.1539.11802074105.0 → 0.192.0-canary.1550.11799501370.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (731) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
  4. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  5. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
  6. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  7. package/cjs/components/Cell/Cell.js +3 -1
  8. package/cjs/components/Cell/Cell.js.map +1 -1
  9. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  10. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  11. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  12. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  13. package/cjs/components/Chip/Chip.js +3 -1
  14. package/cjs/components/Chip/Chip.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  16. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  17. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  19. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  21. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  22. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  24. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  25. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  26. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  27. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  28. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  29. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  30. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  31. package/cjs/components/Pagination/Pagination.css +86 -37
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  33. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  35. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  36. package/cjs/components/Range/Range.css +21 -22
  37. package/cjs/components/Select/FloatingPopover.js +87 -0
  38. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  39. package/cjs/components/Select/Select.css +83 -34
  40. package/cjs/components/Select/Select.js +179 -139
  41. package/cjs/components/Select/Select.js.map +1 -1
  42. package/cjs/components/Select/Select.styles.js +17 -50
  43. package/cjs/components/Select/Select.styles.js.map +1 -1
  44. package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
  45. package/cjs/components/Select/Select.tokens.js +122 -78
  46. package/cjs/components/Select/Select.tokens.js.map +1 -1
  47. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  48. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  49. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  50. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  51. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  52. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  53. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
  56. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  57. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  58. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  59. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  60. package/cjs/components/Select/ui/Target/Target.css +58 -17
  61. package/cjs/components/Select/ui/Target/Target.js +34 -16
  62. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  64. package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
  65. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  66. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  67. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  68. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  70. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  71. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  72. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
  73. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  74. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  75. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  76. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  77. package/cjs/components/Select/utils/getItemId.js +10 -0
  78. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  79. package/cjs/components/Select/utils/getPlacement.js +13 -0
  80. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  81. package/cjs/components/Select/utils/getView.js +2 -2
  82. package/cjs/components/Select/utils/getView.js.map +1 -1
  83. package/cjs/components/Slider/Slider.css +21 -22
  84. package/cjs/components/Slider/components/Double/Double.css +21 -22
  85. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  86. package/cjs/components/Switch/Switch.css +7 -11
  87. package/cjs/components/Switch/Switch.js +7 -16
  88. package/cjs/components/Switch/Switch.js.map +1 -1
  89. package/cjs/components/Switch/Switch.styles.js +4 -16
  90. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  91. package/cjs/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  92. package/cjs/components/Switch/Switch.tokens.js +0 -11
  93. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  94. package/cjs/components/Switch/_focused/base.js +1 -1
  95. package/cjs/components/Switch/_focused/{base_sz3n0x.css → base_j4murk.css} +1 -1
  96. package/cjs/components/Switch/_size/base.js +1 -1
  97. package/cjs/components/Switch/_size/base.js.map +1 -1
  98. package/cjs/components/Switch/_size/base_1rjzpi4.css +1 -0
  99. package/cjs/components/Switch/_view/base.js +1 -1
  100. package/cjs/components/Switch/_view/base.js.map +1 -1
  101. package/cjs/components/Switch/_view/base_1mtyz12.css +1 -0
  102. package/cjs/components/TextField/TextField.js +11 -2
  103. package/cjs/components/TextField/TextField.js.map +1 -1
  104. package/cjs/components/TextField/TextField.styles.js +14 -22
  105. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  106. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  107. package/cjs/components/TextField/TextField.tokens.js +2 -1
  108. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  109. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  110. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  111. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  112. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  113. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  114. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  115. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  116. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  117. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  118. package/cjs/components/TextField/variations/_size/base.js +1 -1
  119. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  120. package/cjs/components/TextField/variations/_view/base.js +1 -1
  121. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  122. package/cjs/index.css +56 -75
  123. package/cjs/index.js +2 -0
  124. package/cjs/index.js.map +1 -1
  125. package/cjs/utils/fixedForwardRef.js +12 -0
  126. package/cjs/utils/fixedForwardRef.js.map +1 -0
  127. package/cjs/utils/index.js.map +1 -1
  128. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
  129. package/emotion/cjs/components/Cell/Cell.js +3 -1
  130. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  131. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  132. package/emotion/cjs/components/Chip/Chip.js +3 -1
  133. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  134. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  135. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  136. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  137. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  138. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  139. package/emotion/cjs/components/Select/Select.js +177 -136
  140. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  141. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  142. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  143. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  144. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  145. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  146. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  147. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
  148. package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
  149. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  150. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  151. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  152. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  153. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  154. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  155. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  156. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  157. package/emotion/cjs/components/Select/utils/index.js +22 -1
  158. package/emotion/cjs/components/Switch/Switch.js +8 -17
  159. package/emotion/cjs/components/Switch/Switch.styles.js +5 -21
  160. package/emotion/cjs/components/Switch/Switch.template-doc.mdx +1 -37
  161. package/emotion/cjs/components/Switch/Switch.tokens.js +0 -11
  162. package/emotion/cjs/components/Switch/_size/base.js +1 -1
  163. package/emotion/cjs/components/Switch/_view/base.js +1 -1
  164. package/emotion/cjs/components/TextField/TextField.js +12 -3
  165. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  166. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  167. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  168. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  169. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  170. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  171. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -11
  172. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  173. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  174. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  175. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  176. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -11
  177. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  178. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  179. package/emotion/cjs/index.js +11 -0
  180. package/emotion/cjs/types/DistributiveOmit.js +5 -0
  181. package/emotion/cjs/types/DistributivePick.js +5 -0
  182. package/emotion/cjs/utils/fixedForwardRef.js +11 -0
  183. package/emotion/cjs/utils/index.js +9 -1
  184. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
  185. package/emotion/es/components/Cell/Cell.js +3 -1
  186. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  187. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  188. package/emotion/es/components/Chip/Chip.js +3 -1
  189. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  190. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  191. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  192. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  193. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  194. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  195. package/emotion/es/components/Select/Select.js +182 -141
  196. package/emotion/es/components/Select/Select.styles.js +12 -30
  197. package/emotion/es/components/Select/Select.tokens.js +125 -60
  198. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  199. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  200. package/emotion/es/components/Select/reducers/index.js +1 -2
  201. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  202. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  203. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  204. package/emotion/es/components/Select/ui/Target/Target.js +35 -17
  205. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  206. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  207. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  208. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  209. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  210. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  211. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  212. package/emotion/es/components/Select/utils/getView.js +2 -2
  213. package/emotion/es/components/Select/utils/index.js +4 -1
  214. package/emotion/es/components/Switch/Switch.js +4 -13
  215. package/emotion/es/components/Switch/Switch.styles.js +4 -20
  216. package/emotion/es/components/Switch/Switch.template-doc.mdx +1 -37
  217. package/emotion/es/components/Switch/Switch.tokens.js +0 -11
  218. package/emotion/es/components/Switch/_size/base.js +2 -2
  219. package/emotion/es/components/Switch/_view/base.js +2 -2
  220. package/emotion/es/components/TextField/TextField.js +12 -3
  221. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  222. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  223. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  224. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  225. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  226. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  227. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -11
  228. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  229. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  230. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  231. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  232. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -11
  233. package/emotion/es/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  234. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  235. package/emotion/es/index.js +1 -0
  236. package/emotion/es/types/DistributiveOmit.js +1 -0
  237. package/emotion/es/types/DistributivePick.js +1 -0
  238. package/emotion/es/utils/fixedForwardRef.js +4 -0
  239. package/emotion/es/utils/index.js +2 -1
  240. package/es/components/Autocomplete/Autocomplete.css +21 -22
  241. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  242. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
  243. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  244. package/es/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
  245. package/es/components/Breadcrumbs/utils/index.css +3 -3
  246. package/es/components/Cell/Cell.js +3 -1
  247. package/es/components/Cell/Cell.js.map +1 -1
  248. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  249. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  250. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  251. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  252. package/es/components/Chip/Chip.js +3 -1
  253. package/es/components/Chip/Chip.js.map +1 -1
  254. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  255. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  256. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  257. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  258. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  259. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  260. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  261. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  262. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  263. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  264. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  265. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  266. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  267. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  268. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  269. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  270. package/es/components/Pagination/Pagination.css +86 -37
  271. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  272. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  273. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  274. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  275. package/es/components/Range/Range.css +21 -22
  276. package/es/components/Select/FloatingPopover.js +83 -0
  277. package/es/components/Select/FloatingPopover.js.map +1 -0
  278. package/es/components/Select/Select.css +83 -34
  279. package/es/components/Select/Select.js +182 -142
  280. package/es/components/Select/Select.js.map +1 -1
  281. package/es/components/Select/Select.styles.js +18 -48
  282. package/es/components/Select/Select.styles.js.map +1 -1
  283. package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
  284. package/es/components/Select/Select.tokens.js +123 -78
  285. package/es/components/Select/Select.tokens.js.map +1 -1
  286. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  287. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  288. package/es/components/Select/hooks/usePathMaps.js +4 -1
  289. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  290. package/es/components/Select/ui/Inner/Inner.css +83 -34
  291. package/es/components/Select/ui/Inner/Inner.js +10 -10
  292. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  293. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  294. package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
  295. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  296. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  297. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  298. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  299. package/es/components/Select/ui/Target/Target.css +58 -17
  300. package/es/components/Select/ui/Target/Target.js +35 -17
  301. package/es/components/Select/ui/Target/Target.js.map +1 -1
  302. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  303. package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
  304. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  305. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  306. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  307. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  308. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  309. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  310. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  311. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
  312. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  313. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  314. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  315. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  316. package/es/components/Select/utils/getItemId.js +6 -0
  317. package/es/components/Select/utils/getItemId.js.map +1 -0
  318. package/es/components/Select/utils/getPlacement.js +9 -0
  319. package/es/components/Select/utils/getPlacement.js.map +1 -0
  320. package/es/components/Select/utils/getView.js +2 -2
  321. package/es/components/Select/utils/getView.js.map +1 -1
  322. package/es/components/Slider/Slider.css +21 -22
  323. package/es/components/Slider/components/Double/Double.css +21 -22
  324. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  325. package/es/components/Switch/Switch.css +7 -11
  326. package/es/components/Switch/Switch.js +8 -17
  327. package/es/components/Switch/Switch.js.map +1 -1
  328. package/es/components/Switch/Switch.styles.js +5 -15
  329. package/es/components/Switch/Switch.styles.js.map +1 -1
  330. package/es/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  331. package/es/components/Switch/Switch.tokens.js +0 -11
  332. package/es/components/Switch/Switch.tokens.js.map +1 -1
  333. package/es/components/Switch/_focused/base.js +1 -1
  334. package/es/components/Switch/_focused/{base_sz3n0x.css → base_j4murk.css} +1 -1
  335. package/es/components/Switch/_size/base.js +1 -1
  336. package/es/components/Switch/_size/base.js.map +1 -1
  337. package/es/components/Switch/_size/base_1rjzpi4.css +1 -0
  338. package/es/components/Switch/_view/base.js +1 -1
  339. package/es/components/Switch/_view/base.js.map +1 -1
  340. package/es/components/Switch/_view/base_1mtyz12.css +1 -0
  341. package/es/components/TextField/TextField.js +11 -2
  342. package/es/components/TextField/TextField.js.map +1 -1
  343. package/es/components/TextField/TextField.styles.js +14 -22
  344. package/es/components/TextField/TextField.styles.js.map +1 -1
  345. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  346. package/es/components/TextField/TextField.tokens.js +2 -1
  347. package/es/components/TextField/TextField.tokens.js.map +1 -1
  348. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  349. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  350. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  351. package/es/components/TextField/variations/_clear/base.js +1 -1
  352. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  353. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  354. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  355. package/es/components/TextField/variations/_read-only/base.js +1 -1
  356. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  357. package/es/components/TextField/variations/_size/base.js +1 -1
  358. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  359. package/es/components/TextField/variations/_view/base.js +1 -1
  360. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  361. package/es/index.css +56 -75
  362. package/es/index.js +1 -0
  363. package/es/index.js.map +1 -1
  364. package/es/utils/fixedForwardRef.js +8 -0
  365. package/es/utils/fixedForwardRef.js.map +1 -0
  366. package/es/utils/index.js.map +1 -1
  367. package/package.json +2 -2
  368. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
  369. package/styled-components/cjs/components/Cell/Cell.js +3 -1
  370. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  371. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  372. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  373. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  374. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  375. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  376. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  377. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  378. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  379. package/styled-components/cjs/components/Select/Select.js +177 -136
  380. package/styled-components/cjs/components/Select/Select.styles.js +12 -27
  381. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  382. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  383. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  384. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  385. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  386. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  387. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
  388. package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
  389. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  390. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  391. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  392. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  393. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  394. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  395. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  396. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  397. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  398. package/styled-components/cjs/components/Switch/Switch.js +8 -17
  399. package/styled-components/cjs/components/Switch/Switch.styles.js +5 -11
  400. package/styled-components/cjs/components/Switch/Switch.template-doc.mdx +1 -37
  401. package/styled-components/cjs/components/Switch/Switch.tokens.js +0 -11
  402. package/styled-components/cjs/components/Switch/_size/base.js +1 -1
  403. package/styled-components/cjs/components/Switch/_view/base.js +1 -1
  404. package/styled-components/cjs/components/TextField/TextField.js +11 -2
  405. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  406. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  407. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  408. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  409. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  410. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  411. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +2 -9
  412. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  413. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  414. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  415. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  416. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +2 -9
  417. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  418. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  419. package/styled-components/cjs/index.js +11 -0
  420. package/styled-components/cjs/types/DistributiveOmit.js +5 -0
  421. package/styled-components/cjs/types/DistributivePick.js +5 -0
  422. package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
  423. package/styled-components/cjs/utils/index.js +9 -1
  424. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
  425. package/styled-components/es/components/Cell/Cell.js +3 -1
  426. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  427. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  428. package/styled-components/es/components/Chip/Chip.js +3 -1
  429. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  430. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  431. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  432. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  433. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  434. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  435. package/styled-components/es/components/Select/Select.js +182 -141
  436. package/styled-components/es/components/Select/Select.styles.js +11 -26
  437. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  438. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  439. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  440. package/styled-components/es/components/Select/reducers/index.js +1 -2
  441. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  442. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  443. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  444. package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
  445. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  446. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  447. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  448. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  449. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  450. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  451. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  452. package/styled-components/es/components/Select/utils/getView.js +2 -2
  453. package/styled-components/es/components/Select/utils/index.js +4 -1
  454. package/styled-components/es/components/Switch/Switch.js +4 -13
  455. package/styled-components/es/components/Switch/Switch.styles.js +4 -10
  456. package/styled-components/es/components/Switch/Switch.template-doc.mdx +1 -37
  457. package/styled-components/es/components/Switch/Switch.tokens.js +0 -11
  458. package/styled-components/es/components/Switch/_size/base.js +2 -2
  459. package/styled-components/es/components/Switch/_view/base.js +2 -2
  460. package/styled-components/es/components/TextField/TextField.js +11 -2
  461. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  462. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  463. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  464. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  465. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  466. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  467. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +2 -9
  468. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  469. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  470. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  471. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  472. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +2 -9
  473. package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  474. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  475. package/styled-components/es/index.js +1 -0
  476. package/styled-components/es/types/DistributiveOmit.js +1 -0
  477. package/styled-components/es/types/DistributivePick.js +1 -0
  478. package/styled-components/es/utils/fixedForwardRef.js +4 -0
  479. package/styled-components/es/utils/index.js +2 -1
  480. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  481. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  482. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  483. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  484. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  485. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  486. package/types/components/Cell/Cell.d.ts.map +1 -1
  487. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  488. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  489. package/types/components/Chip/Chip.d.ts.map +1 -1
  490. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  491. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  492. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  493. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  494. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  495. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  496. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  497. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  498. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  499. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  500. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  501. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  502. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  503. package/types/components/Notification/Notification.styles.d.ts +2 -2
  504. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  505. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  506. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
  507. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  508. package/types/components/Range/Range.styles.d.ts +16 -16
  509. package/types/components/Range/Range.styles.d.ts.map +1 -1
  510. package/types/components/Select/FloatingPopover.d.ts +5 -0
  511. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  512. package/types/components/Select/Select.d.ts +5 -11
  513. package/types/components/Select/Select.d.ts.map +1 -1
  514. package/types/components/Select/Select.styles.d.ts +0 -9
  515. package/types/components/Select/Select.styles.d.ts.map +1 -1
  516. package/types/components/Select/Select.tokens.d.ts +121 -58
  517. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  518. package/types/components/Select/Select.types.d.ts +41 -20
  519. package/types/components/Select/Select.types.d.ts.map +1 -1
  520. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  521. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  522. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  523. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  524. package/types/components/Select/index.d.ts +1 -1
  525. package/types/components/Select/index.d.ts.map +1 -1
  526. package/types/components/Select/reducers/index.d.ts +0 -1
  527. package/types/components/Select/reducers/index.d.ts.map +1 -1
  528. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  529. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  530. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  531. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  532. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  533. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  534. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  535. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  536. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  537. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  538. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  539. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  540. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  541. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  542. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  543. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  544. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  545. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  546. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  547. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  548. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  549. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  550. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  551. package/types/components/Select/utils/getItemId.d.ts +2 -0
  552. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  553. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  554. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  555. package/types/components/Select/utils/getView.d.ts +1 -1
  556. package/types/components/Select/utils/getView.d.ts.map +1 -1
  557. package/types/components/Select/utils/index.d.ts +3 -0
  558. package/types/components/Select/utils/index.d.ts.map +1 -1
  559. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  560. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  561. package/types/components/Switch/Switch.d.ts +0 -3
  562. package/types/components/Switch/Switch.d.ts.map +1 -1
  563. package/types/components/Switch/Switch.styles.d.ts +0 -2
  564. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  565. package/types/components/Switch/Switch.tokens.d.ts +0 -9
  566. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  567. package/types/components/Switch/Switch.types.d.ts +2 -10
  568. package/types/components/Switch/Switch.types.d.ts.map +1 -1
  569. package/types/components/Switch/_size/base.d.ts.map +1 -1
  570. package/types/components/Switch/_view/base.d.ts.map +1 -1
  571. package/types/components/TextField/TextField.d.ts.map +1 -1
  572. package/types/components/TextField/TextField.styles.d.ts +1 -3
  573. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  574. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  575. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  576. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  577. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  578. package/types/components/Toast/Toast.styles.d.ts +2 -2
  579. package/types/components/Toast/utils.d.ts +2 -2
  580. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  581. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  582. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  583. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  584. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  585. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  586. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  587. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  588. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  589. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  590. package/types/examples/plasma_b2c/components/Select/Select.d.ts +53 -46
  591. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  592. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +0 -7
  593. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  594. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +0 -6
  595. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
  596. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  597. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  598. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  599. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  600. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  601. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  602. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  603. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  604. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  605. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  606. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  607. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  608. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  609. package/types/examples/plasma_web/components/Select/Select.d.ts +53 -46
  610. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  611. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +0 -7
  612. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  613. package/types/examples/plasma_web/components/Switch/Switch.d.ts +0 -6
  614. package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
  615. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  616. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  617. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  618. package/types/index.d.ts +1 -0
  619. package/types/index.d.ts.map +1 -1
  620. package/types/types/DistributiveOmit.d.ts +2 -0
  621. package/types/types/DistributiveOmit.d.ts.map +1 -0
  622. package/types/types/DistributivePick.d.ts +2 -0
  623. package/types/types/DistributivePick.d.ts.map +1 -0
  624. package/types/types/index.d.ts +2 -0
  625. package/types/types/index.d.ts.map +1 -1
  626. package/types/utils/fixedForwardRef.d.ts +3 -0
  627. package/types/utils/fixedForwardRef.d.ts.map +1 -0
  628. package/types/utils/index.d.ts +1 -0
  629. package/types/utils/index.d.ts.map +1 -1
  630. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  631. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  632. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  633. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  634. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  635. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  636. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  637. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  638. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  639. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  640. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  641. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  642. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  643. package/cjs/components/Select/variations/_size/base.js +0 -9
  644. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  645. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  646. package/cjs/components/Select/variations/_view/base.js +0 -9
  647. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  648. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  649. package/cjs/components/Switch/Switch.styles_bei7bh.css +0 -6
  650. package/cjs/components/Switch/_size/base_1tcl212.css +0 -1
  651. package/cjs/components/Switch/_toggleSize/base.js +0 -9
  652. package/cjs/components/Switch/_toggleSize/base.js.map +0 -1
  653. package/cjs/components/Switch/_toggleSize/base_6i0904.css +0 -1
  654. package/cjs/components/Switch/_view/base_yxkf3s.css +0 -1
  655. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  656. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  657. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  658. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  659. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  660. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  661. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  662. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  663. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  664. package/emotion/cjs/components/Switch/_toggleSize/base.js +0 -10
  665. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  666. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  667. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  668. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  669. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  670. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  671. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  672. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  673. package/emotion/es/components/Switch/_toggleSize/base.js +0 -4
  674. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  675. package/es/components/Select/Select.styles_768h42.css +0 -5
  676. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  677. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  678. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  679. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  680. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  681. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  682. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  683. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  684. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  685. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  686. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  687. package/es/components/Select/variations/_size/base.js +0 -5
  688. package/es/components/Select/variations/_size/base.js.map +0 -1
  689. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  690. package/es/components/Select/variations/_view/base.js +0 -5
  691. package/es/components/Select/variations/_view/base.js.map +0 -1
  692. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  693. package/es/components/Switch/Switch.styles_bei7bh.css +0 -6
  694. package/es/components/Switch/_size/base_1tcl212.css +0 -1
  695. package/es/components/Switch/_toggleSize/base.js +0 -5
  696. package/es/components/Switch/_toggleSize/base.js.map +0 -1
  697. package/es/components/Switch/_toggleSize/base_6i0904.css +0 -1
  698. package/es/components/Switch/_view/base_yxkf3s.css +0 -1
  699. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  700. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  701. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  702. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  703. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  704. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  705. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  706. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  707. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  708. package/styled-components/cjs/components/Switch/_toggleSize/base.js +0 -10
  709. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  710. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  711. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  712. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  713. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  714. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  715. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  716. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  717. package/styled-components/es/components/Switch/_toggleSize/base.js +0 -4
  718. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  719. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  720. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  721. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  722. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  723. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  724. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  725. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  726. package/types/components/Select/variations/_size/base.d.ts +0 -2
  727. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  728. package/types/components/Select/variations/_view/base.d.ts +0 -2
  729. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
  730. package/types/components/Switch/_toggleSize/base.d.ts +0 -2
  731. package/types/components/Switch/_toggleSize/base.d.ts.map +0 -1
@@ -25,7 +25,6 @@ type CustomStoryTabsProps = {
25
25
  contentRight: string;
26
26
  stretch: boolean;
27
27
  helperText: string;
28
- maxItemWidth: string;
29
28
  };
30
29
 
31
30
  const contentLeftOptions = ['none', 'icon'];
@@ -60,6 +59,17 @@ const meta: Meta<StoryTabsProps> = {
60
59
  component: Tabs,
61
60
  decorators: [WithTheme],
62
61
  argTypes: {
62
+ ...disableProps([
63
+ 'orientation',
64
+ 'tabItemContentLeft',
65
+ 'pilled',
66
+ 'animated',
67
+ 'view',
68
+ 'as',
69
+ 'forwardedAs',
70
+ 'outsideScroll',
71
+ 'index',
72
+ ]),
63
73
  contentRight: {
64
74
  options: contentRightOptions,
65
75
  control: {
@@ -73,17 +83,6 @@ const meta: Meta<StoryTabsProps> = {
73
83
  },
74
84
  if: { arg: 'stretch', truthy: false },
75
85
  },
76
- ...disableProps([
77
- 'orientation',
78
- 'tabItemContentLeft',
79
- 'pilled',
80
- 'animated',
81
- 'view',
82
- 'as',
83
- 'forwardedAs',
84
- 'outsideScroll',
85
- 'index',
86
- ]),
87
86
  },
88
87
  };
89
88
 
@@ -100,13 +99,12 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
100
99
  stretch,
101
100
  maxItemWidth,
102
101
  helperText,
103
- clip,
104
102
  } = props;
105
103
  const items = Array(itemQuantity).fill(0);
106
104
  const [index, setIndex] = useState(0);
107
105
 
108
106
  return (
109
- <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
107
+ <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
110
108
  {items.map((_, i) => {
111
109
  if (helperText !== '') {
112
110
  return (
@@ -47,6 +47,17 @@ Object.keys(_utils).forEach(function (key) {
47
47
  }
48
48
  });
49
49
  });
50
+ var _types = /*#__PURE__*/require("./types");
51
+ Object.keys(_types).forEach(function (key) {
52
+ if (key === "default" || key === "__esModule") return;
53
+ if (key in exports && exports[key] === _types[key]) return;
54
+ Object.defineProperty(exports, key, {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _types[key];
58
+ }
59
+ });
60
+ });
50
61
  var _Button = /*#__PURE__*/require("./components/Button");
51
62
  Object.keys(_Button).forEach(function (key) {
52
63
  if (key === "default" || key === "__esModule") return;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.fixedForwardRef = fixedForwardRef;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
+ function fixedForwardRef(render) {
10
+ return /*#__PURE__*/_react["default"].forwardRef(render);
11
+ }
@@ -17,7 +17,8 @@ var _exportNames = {
17
17
  setRefList: true,
18
18
  isEmpty: true,
19
19
  constants: true,
20
- noop: true
20
+ noop: true,
21
+ fixedForwardRef: true
21
22
  };
22
23
  Object.defineProperty(exports, "IS_REACT_18", {
23
24
  enumerable: true,
@@ -38,6 +39,12 @@ Object.defineProperty(exports, "extractTextFrom", {
38
39
  return _extractTextFrom.extractTextFrom;
39
40
  }
40
41
  });
42
+ Object.defineProperty(exports, "fixedForwardRef", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _fixedForwardRef.fixedForwardRef;
46
+ }
47
+ });
41
48
  Object.defineProperty(exports, "getSizeValueFromProp", {
42
49
  enumerable: true,
43
50
  get: function get() {
@@ -102,6 +109,7 @@ Object.keys(_getPopoverPlacement).forEach(function (key) {
102
109
  });
103
110
  });
104
111
  var _noop = /*#__PURE__*/require("./noop");
112
+ var _fixedForwardRef = /*#__PURE__*/require("./fixedForwardRef");
105
113
  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); }
106
114
  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; }
107
115
  var cx = exports.cx = function cx() {
@@ -9,13 +9,16 @@ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
9
9
  var Link = /*#__PURE__*/component(mergedLinkConfig);
10
10
  export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
11
11
  componentId: "plasma-new-hope__sc-4bjoev-0"
12
- })(["--plasma__private-color:", ";--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
12
+ })(["opacity:", ";cursor:", ";color:", ";--plasma-link-disabled-opacity:var(", ");", ""], function (_ref) {
13
13
  var isHref = _ref.isHref;
14
- return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
15
- }, tokens.breadcrumbsOpacity, function (_ref2) {
16
- var isHref = _ref2.isHref;
17
14
  return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
18
- }, /*#__PURE__*/addFocus({
15
+ }, function (_ref2) {
16
+ var isHref = _ref2.isHref;
17
+ return isHref ? 'pointer' : 'auto';
18
+ }, function (_ref3) {
19
+ var isHref = _ref3.isHref;
20
+ return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
21
+ }, tokens.breadcrumbsOpacity, /*#__PURE__*/addFocus({
19
22
  outlineOffset: '0rem',
20
23
  outlineSize: '0.125rem',
21
24
  outlineRadius: '0rem',
@@ -36,7 +36,9 @@ export var cellRoot = function cellRoot(Root) {
36
36
  className: cx(stretchingClass, classes.cellRoot, className)
37
37
  }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
38
38
  align: alignContentLeft
39
- }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
39
+ }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, {
40
+ className: "cell-content"
41
+ }, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {
40
42
  label: label,
41
43
  title: titleText,
42
44
  subtitle: subtitle
@@ -8,5 +8,11 @@ export var CellTextbox = function CellTextbox(_ref) {
8
8
  title = _ref.title,
9
9
  subtitle = _ref.subtitle,
10
10
  children = _ref.children;
11
- return /*#__PURE__*/React.createElement(CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children);
11
+ return (
12
+ /*#__PURE__*/
13
+ // TODO: #1548
14
+ React.createElement(CellTextboxStyled, {
15
+ className: "cell-textbox"
16
+ }, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle, null, subtitle)) : children)
17
+ );
12
18
  };
@@ -1,5 +1,8 @@
1
1
  import React from 'react';
2
2
  import { StyledTextboxTitle } from './CellTextboxTitle.styles';
3
3
  export var CellTextboxTitle = function CellTextboxTitle(props) {
4
- return /*#__PURE__*/React.createElement(StyledTextboxTitle, null, props.children);
4
+ // TODO: #1548
5
+ return /*#__PURE__*/React.createElement(StyledTextboxTitle, {
6
+ className: "cell-textbox-title"
7
+ }, props.children);
5
8
  };
@@ -37,7 +37,9 @@ export var chipRoot = function chipRoot(Root) {
37
37
  var txt = !text && typeof children === 'string' ? children : text;
38
38
  var pilledClass = pilled ? classes.pilled : undefined;
39
39
  var handleClick = function handleClick(event) {
40
- if (disabled || readOnly) {
40
+ // TODO: #1547
41
+ // eslint-disable-next-line no-underscore-dangle
42
+ if (disabled || readOnly && !rest._forceChipManipulationWithReadonly) {
41
43
  return;
42
44
  }
43
45
  onClick === null || onClick === void 0 || onClick(event);
@@ -301,7 +301,6 @@ export var comboboxRoot = function comboboxRoot(Root) {
301
301
  focusedToValueMap: focusedToValueMap,
302
302
  handleListToggle: handleListToggle,
303
303
  handlePressDown: handlePressDown,
304
- multiselect: multiple,
305
304
  setTextValue: setTextValue
306
305
  }),
307
306
  onKeyDown = _useKeyNavigation.onKeyDown;
@@ -51,7 +51,6 @@ export var tokens = {
51
51
  checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
52
52
  checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
53
53
  indicatorSize: '--plasma-combobox-indicator-size',
54
- targetHeight: '--plasma-combobox-target-height',
55
54
  // Токены для TextField
56
55
  textFieldColor: '--plasma-combobox-new-textfield-color',
57
56
  textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',
@@ -56,14 +56,28 @@ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
56
56
  /*#__PURE__*/
57
57
  // root - принимает ref контейнера портала.
58
58
  // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
59
- React.createElement(FloatingPortal, {
60
- root: portal,
61
- id: portal ? undefined : wrappedId
62
- }, /*#__PURE__*/React.createElement("div", {
59
+ React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
63
60
  ref: refs.setFloating,
64
61
  style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
65
62
  zIndex: 1
66
63
  })
67
64
  }, children)));
68
65
  });
66
+ // root - принимает ref контейнера портала.
67
+ // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
68
+ var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
69
+ if (!portal) {
70
+ return {
71
+ id: wrappedId
72
+ };
73
+ }
74
+ if (typeof portal === 'string') {
75
+ return {
76
+ id: portal
77
+ };
78
+ }
79
+ return {
80
+ root: portal
81
+ };
82
+ };
69
83
  export { FloatingPopover };
@@ -29,7 +29,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
29
29
  focusedToValueMap = _ref.focusedToValueMap,
30
30
  handleListToggle = _ref.handleListToggle,
31
31
  handlePressDown = _ref.handlePressDown,
32
- multiselect = _ref.multiselect,
33
32
  setTextValue = _ref.setTextValue;
34
33
  var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
35
34
  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
@@ -124,7 +123,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
124
123
  break;
125
124
  }
126
125
  var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
127
- console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
128
126
  if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
129
127
  if (path.length > focusedPath.length) {
130
128
  dispatchFocusedPath({
@@ -141,32 +139,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
141
139
  }
142
140
  break;
143
141
  }
144
- case keys.Backspace:
145
- {
146
- if (!multiselect) break;
147
- break;
148
- }
149
-
150
- // case keys.Space: {
151
- // event.preventDefault();
152
- //
153
- // const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
154
- //
155
- // if (!path[0]) {
156
- // dispatchPath({ type: 'opened_first_level' });
157
- // dispatchFocusedPath({ type: 'set_initial_focus' });
158
- // break;
159
- // }
160
- //
161
- // if (!currentItem || currentItem?.disabled) {
162
- // break;
163
- // }
164
- //
165
- // handlePressDown(currentItem);
166
- //
167
- // break;
168
- // }
169
-
170
142
  case keys.Enter:
171
143
  {
172
144
  event.preventDefault();
@@ -183,34 +155,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
183
155
  });
184
156
  break;
185
157
  }
186
-
187
- // if (currentItem?.items) {
188
- // if (path.length > focusedPath.length) {
189
- // dispatchFocusedPath({ type: 'add_focus', value: 0 });
190
- // } else {
191
- // dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
192
- // }
193
- //
194
- // break;
195
- // }
196
-
197
158
  if (_currentItem) {
198
159
  handlePressDown(_currentItem);
199
160
  }
200
161
  break;
201
162
  }
202
163
  case keys.Tab:
203
- {
204
- dispatchPath({
205
- type: 'reset'
206
- });
207
- dispatchFocusedPath({
208
- type: 'reset'
209
- });
210
- handleListToggle(false);
211
- setTextValue('');
212
- break;
213
- }
214
164
  case keys.Escape:
215
165
  {
216
166
  dispatchPath({
@@ -220,6 +170,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
220
170
  type: 'reset'
221
171
  });
222
172
  handleListToggle(false);
173
+ setTextValue('');
223
174
  break;
224
175
  }
225
176
  case keys.Home:
@@ -9,7 +9,7 @@ export var SelectPerPageRoot = /*#__PURE__*/styled.div.withConfig({
9
9
  })(["display:flex;align-items:center;gap:0.5rem;"]);
10
10
  export var SelectPerPageSelect = /*#__PURE__*/styled(Select).withConfig({
11
11
  componentId: "plasma-new-hope__sc-1g304l9-1"
12
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], selectTokens.targetButtonColor, tokens.buttonColor, selectTokens.targetButtonColorHover, tokens.buttonColorHover, selectTokens.targetButtonColorActive, tokens.buttonColorActive, selectTokens.targetButtonBackgroundColor, tokens.buttonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, tokens.buttonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, tokens.buttonBackgroundColorActive, selectTokens.targetHeight, tokens.buttonHeight, selectTokens.targetButtonPadding, tokens.selectTargetPadding, selectTokens.borderRadius, tokens.buttonRadius, selectTokens.targetButtonArrowColor, tokens.buttonArrowColor, selectTokens.targetButtonArrowColorHover, tokens.buttonArrowColorHover, selectTokens.targetButtonArrowColorActive, tokens.buttonArrowColorActive, selectTokens.targetButtonArrowMargin, tokens.buttonArrowMargin, selectTokens.padding, selectTokens.focusOffset, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.buttonRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemHeight, tokens.selectItemHeight, selectTokens.fontFamily, tokens.paginationFontFamily, selectTokens.fontSize, tokens.paginationFontSize, selectTokens.fontStyle, tokens.paginationFontStyle, selectTokens.fontWeight, tokens.paginationFontWeight, selectTokens.fontLetterSpacing, tokens.paginationLetterSpacing, selectTokens.fontLineHeight, tokens.paginationLineHeight);
12
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], selectTokens.buttonColor, tokens.buttonColor, selectTokens.buttonColorHover, tokens.buttonColorHover, selectTokens.buttonColorActive, tokens.buttonColorActive, selectTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, selectTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, selectTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, selectTokens.targetHeight, tokens.buttonHeight, selectTokens.buttonPadding, tokens.selectTargetPadding, selectTokens.borderRadius, tokens.buttonRadius, selectTokens.buttonArrowColor, tokens.buttonArrowColor, selectTokens.buttonArrowColorHover, tokens.buttonArrowColorHover, selectTokens.buttonArrowColorActive, tokens.buttonArrowColorActive, selectTokens.buttonArrowMargin, tokens.buttonArrowMargin, selectTokens.padding, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.buttonRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemHeight, tokens.selectItemHeight, selectTokens.fontFamily, tokens.paginationFontFamily, selectTokens.fontSize, tokens.paginationFontSize, selectTokens.fontStyle, tokens.paginationFontStyle, selectTokens.fontWeight, tokens.paginationFontWeight, selectTokens.fontLetterSpacing, tokens.paginationLetterSpacing, selectTokens.fontLineHeight, tokens.paginationLineHeight);
13
13
  export var SelectPerPageTypography = /*#__PURE__*/styled.div.withConfig({
14
14
  componentId: "plasma-new-hope__sc-1g304l9-2"
15
15
  })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.paginationFontFamily, tokens.paginationFontSize, tokens.paginationFontStyle, tokens.paginationFontWeight, tokens.paginationLetterSpacing, tokens.paginationLineHeight);
@@ -0,0 +1,84 @@
1
+ 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); }
2
+ 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; }
3
+ 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; }
4
+ 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; }
5
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
+ 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); }
7
+ import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';
8
+ import React, { forwardRef } from 'react';
9
+ import { safeUseId } from '@salutejs/plasma-core';
10
+ import { getPlacement, getFallbackPlacements } from './utils';
11
+ var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
12
+ var target = _ref.target,
13
+ children = _ref.children,
14
+ opened = _ref.opened,
15
+ onToggle = _ref.onToggle,
16
+ placement = _ref.placement,
17
+ portal = _ref.portal,
18
+ listWidth = _ref.listWidth,
19
+ _ref$offset = _ref.offset,
20
+ offset = _ref$offset === void 0 ? 0 : _ref$offset;
21
+ var _useFloating = useFloating({
22
+ placement: getPlacement(placement),
23
+ open: opened,
24
+ middleware: [offsetMiddleware(offset), flip({
25
+ fallbackPlacements: getFallbackPlacements(placement)
26
+ }), shift(), size({
27
+ apply: function apply(_ref2) {
28
+ var rects = _ref2.rects,
29
+ elements = _ref2.elements;
30
+ Object.assign(elements.floating.style, {
31
+ width: listWidth || "".concat(rects.reference.width, "px")
32
+ });
33
+ }
34
+ })]
35
+ }),
36
+ refs = _useFloating.refs,
37
+ floatingStyles = _useFloating.floatingStyles;
38
+ var wrappedId = safeUseId();
39
+ var handleClick = function handleClick() {
40
+ if (onToggle) {
41
+ onToggle(!opened);
42
+ }
43
+ };
44
+
45
+ // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
46
+ // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
47
+ // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
48
+ // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
49
+ var isTargetAsFunction = typeof target === 'function';
50
+ return /*#__PURE__*/React.createElement("div", {
51
+ ref: ref,
52
+ id: wrappedId
53
+ }, /*#__PURE__*/React.createElement("div", {
54
+ ref: isTargetAsFunction ? undefined : refs.setReference,
55
+ onClick: handleClick
56
+ }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
57
+ /*#__PURE__*/
58
+ // root - принимает ref контейнера портала.
59
+ // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
60
+ React.createElement(FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
61
+ ref: refs.setFloating,
62
+ style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
63
+ zIndex: 1
64
+ })
65
+ }, children)));
66
+ });
67
+ // root - принимает ref контейнера портала.
68
+ // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
69
+ var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
70
+ if (!portal) {
71
+ return {
72
+ id: wrappedId
73
+ };
74
+ }
75
+ if (typeof portal === 'string') {
76
+ return {
77
+ id: portal
78
+ };
79
+ }
80
+ return {
81
+ root: portal
82
+ };
83
+ };
84
+ export { FloatingPopover };