@salutejs/plasma-new-hope 0.190.0-canary.1538.11794569428.0 → 0.190.0-canary.1550.11795356464.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (609) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Cell/Cell.js +3 -1
  3. package/cjs/components/Cell/Cell.js.map +1 -1
  4. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  5. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  6. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  7. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  8. package/cjs/components/Chip/Chip.js +3 -1
  9. package/cjs/components/Chip/Chip.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  16. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  19. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  21. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  22. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  23. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  24. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  25. package/cjs/components/Dropdown/Dropdown.js +4 -6
  26. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  27. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  28. package/cjs/components/Pagination/Pagination.css +86 -37
  29. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  30. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  31. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  33. package/cjs/components/Range/Range.css +21 -22
  34. package/cjs/components/Select/FloatingPopover.js +87 -0
  35. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  36. package/cjs/components/Select/Select.css +83 -34
  37. package/cjs/components/Select/Select.js +179 -139
  38. package/cjs/components/Select/Select.js.map +1 -1
  39. package/cjs/components/Select/Select.styles.js +17 -50
  40. package/cjs/components/Select/Select.styles.js.map +1 -1
  41. package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
  42. package/cjs/components/Select/Select.tokens.js +122 -78
  43. package/cjs/components/Select/Select.tokens.js.map +1 -1
  44. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  45. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  46. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  47. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  48. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  49. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  50. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  51. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  52. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
  53. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  56. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  57. package/cjs/components/Select/ui/Target/Target.css +58 -17
  58. package/cjs/components/Select/ui/Target/Target.js +34 -16
  59. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  60. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  61. package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
  62. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  64. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  65. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  66. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  67. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  68. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
  70. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  71. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_lu1i4v.css +3 -0
  72. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  73. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  74. package/cjs/components/Select/utils/getItemId.js +10 -0
  75. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  76. package/cjs/components/Select/utils/getPlacement.js +13 -0
  77. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  78. package/cjs/components/Select/utils/getView.js +2 -2
  79. package/cjs/components/Select/utils/getView.js.map +1 -1
  80. package/cjs/components/Slider/Slider.css +21 -22
  81. package/cjs/components/Slider/components/Double/Double.css +21 -22
  82. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  83. package/cjs/components/TextField/TextField.js +7 -0
  84. package/cjs/components/TextField/TextField.js.map +1 -1
  85. package/cjs/components/TextField/TextField.styles.js +14 -22
  86. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  87. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  88. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  89. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  90. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  91. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  92. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  93. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  94. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  95. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  96. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  97. package/cjs/components/TextField/variations/_size/base.js +1 -1
  98. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  99. package/cjs/components/TextField/variations/_view/base.js +1 -1
  100. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  101. package/cjs/index.css +46 -61
  102. package/cjs/index.js +2 -0
  103. package/cjs/index.js.map +1 -1
  104. package/cjs/utils/fixedForwardRef.js +12 -0
  105. package/cjs/utils/fixedForwardRef.js.map +1 -0
  106. package/cjs/utils/index.js.map +1 -1
  107. package/emotion/cjs/components/Cell/Cell.js +3 -1
  108. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  109. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  110. package/emotion/cjs/components/Chip/Chip.js +3 -1
  111. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  112. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  113. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  114. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  115. package/emotion/cjs/components/Dropdown/Dropdown.js +4 -6
  116. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  117. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  118. package/emotion/cjs/components/Select/Select.js +177 -136
  119. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  120. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  121. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  122. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  123. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  124. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  125. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  126. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
  127. package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
  128. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  129. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  130. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  131. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  132. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  133. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  134. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  135. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  136. package/emotion/cjs/components/Select/utils/index.js +22 -1
  137. package/emotion/cjs/components/TextField/TextField.js +8 -1
  138. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  139. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  140. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  141. package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -9
  142. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  143. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  144. package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +0 -9
  145. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  146. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  147. package/emotion/cjs/index.js +11 -0
  148. package/emotion/cjs/types/DistributiveOmit.js +5 -0
  149. package/emotion/cjs/types/DistributivePick.js +5 -0
  150. package/emotion/cjs/utils/fixedForwardRef.js +11 -0
  151. package/emotion/cjs/utils/index.js +9 -1
  152. package/emotion/es/components/Cell/Cell.js +3 -1
  153. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  154. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  155. package/emotion/es/components/Chip/Chip.js +3 -1
  156. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  157. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  158. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  159. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  160. package/emotion/es/components/Dropdown/Dropdown.js +4 -6
  161. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  162. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  163. package/emotion/es/components/Select/Select.js +182 -141
  164. package/emotion/es/components/Select/Select.styles.js +12 -30
  165. package/emotion/es/components/Select/Select.tokens.js +125 -60
  166. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  167. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  168. package/emotion/es/components/Select/reducers/index.js +1 -2
  169. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  170. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  171. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  172. package/emotion/es/components/Select/ui/Target/Target.js +35 -17
  173. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  174. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  175. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  176. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  177. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  178. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  179. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  180. package/emotion/es/components/Select/utils/getView.js +2 -2
  181. package/emotion/es/components/Select/utils/index.js +4 -1
  182. package/emotion/es/components/TextField/TextField.js +8 -1
  183. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  184. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  185. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  186. package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -9
  187. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  188. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  189. package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +0 -9
  190. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  191. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  192. package/emotion/es/index.js +1 -0
  193. package/emotion/es/types/DistributiveOmit.js +1 -0
  194. package/emotion/es/types/DistributivePick.js +1 -0
  195. package/emotion/es/utils/fixedForwardRef.js +4 -0
  196. package/emotion/es/utils/index.js +2 -1
  197. package/es/components/Autocomplete/Autocomplete.css +21 -22
  198. package/es/components/Cell/Cell.js +3 -1
  199. package/es/components/Cell/Cell.js.map +1 -1
  200. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  201. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  202. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  203. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  204. package/es/components/Chip/Chip.js +3 -1
  205. package/es/components/Chip/Chip.js.map +1 -1
  206. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  207. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  208. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  209. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  210. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  211. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  212. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  213. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  214. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  215. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  216. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  217. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  218. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  219. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  220. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  221. package/es/components/Dropdown/Dropdown.js +4 -6
  222. package/es/components/Dropdown/Dropdown.js.map +1 -1
  223. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  224. package/es/components/Pagination/Pagination.css +86 -37
  225. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  226. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  227. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  228. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  229. package/es/components/Range/Range.css +21 -22
  230. package/es/components/Select/FloatingPopover.js +83 -0
  231. package/es/components/Select/FloatingPopover.js.map +1 -0
  232. package/es/components/Select/Select.css +83 -34
  233. package/es/components/Select/Select.js +182 -142
  234. package/es/components/Select/Select.js.map +1 -1
  235. package/es/components/Select/Select.styles.js +18 -48
  236. package/es/components/Select/Select.styles.js.map +1 -1
  237. package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
  238. package/es/components/Select/Select.tokens.js +123 -78
  239. package/es/components/Select/Select.tokens.js.map +1 -1
  240. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  241. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  242. package/es/components/Select/hooks/usePathMaps.js +4 -1
  243. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  244. package/es/components/Select/ui/Inner/Inner.css +83 -34
  245. package/es/components/Select/ui/Inner/Inner.js +10 -10
  246. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  247. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  248. package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
  249. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  250. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  251. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  252. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  253. package/es/components/Select/ui/Target/Target.css +58 -17
  254. package/es/components/Select/ui/Target/Target.js +35 -17
  255. package/es/components/Select/ui/Target/Target.js.map +1 -1
  256. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  257. package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
  258. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  259. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  260. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  261. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  262. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  263. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  264. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  265. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
  266. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  267. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_lu1i4v.css +3 -0
  268. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  269. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  270. package/es/components/Select/utils/getItemId.js +6 -0
  271. package/es/components/Select/utils/getItemId.js.map +1 -0
  272. package/es/components/Select/utils/getPlacement.js +9 -0
  273. package/es/components/Select/utils/getPlacement.js.map +1 -0
  274. package/es/components/Select/utils/getView.js +2 -2
  275. package/es/components/Select/utils/getView.js.map +1 -1
  276. package/es/components/Slider/Slider.css +21 -22
  277. package/es/components/Slider/components/Double/Double.css +21 -22
  278. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  279. package/es/components/TextField/TextField.js +7 -0
  280. package/es/components/TextField/TextField.js.map +1 -1
  281. package/es/components/TextField/TextField.styles.js +14 -22
  282. package/es/components/TextField/TextField.styles.js.map +1 -1
  283. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  284. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  285. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  286. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  287. package/es/components/TextField/variations/_clear/base.js +1 -1
  288. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  289. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  290. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  291. package/es/components/TextField/variations/_read-only/base.js +1 -1
  292. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  293. package/es/components/TextField/variations/_size/base.js +1 -1
  294. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  295. package/es/components/TextField/variations/_view/base.js +1 -1
  296. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  297. package/es/index.css +46 -61
  298. package/es/index.js +1 -0
  299. package/es/index.js.map +1 -1
  300. package/es/utils/fixedForwardRef.js +8 -0
  301. package/es/utils/fixedForwardRef.js.map +1 -0
  302. package/es/utils/index.js.map +1 -1
  303. package/package.json +2 -2
  304. package/styled-components/cjs/components/Cell/Cell.js +3 -1
  305. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  306. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  307. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  308. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  309. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  310. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  311. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  312. package/styled-components/cjs/components/Dropdown/Dropdown.js +4 -6
  313. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  314. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  315. package/styled-components/cjs/components/Select/Select.js +177 -136
  316. package/styled-components/cjs/components/Select/Select.styles.js +12 -27
  317. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  318. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  319. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  320. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  321. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  322. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  323. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
  324. package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
  325. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  326. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  327. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  328. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  329. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  330. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  331. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  332. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  333. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  334. package/styled-components/cjs/components/TextField/TextField.js +7 -0
  335. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  336. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  337. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  338. package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -9
  339. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  340. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  341. package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +0 -9
  342. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  343. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  344. package/styled-components/cjs/index.js +11 -0
  345. package/styled-components/cjs/types/DistributiveOmit.js +5 -0
  346. package/styled-components/cjs/types/DistributivePick.js +5 -0
  347. package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
  348. package/styled-components/cjs/utils/index.js +9 -1
  349. package/styled-components/es/components/Cell/Cell.js +3 -1
  350. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  351. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  352. package/styled-components/es/components/Chip/Chip.js +3 -1
  353. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  354. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  355. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  356. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  357. package/styled-components/es/components/Dropdown/Dropdown.js +4 -6
  358. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  359. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  360. package/styled-components/es/components/Select/Select.js +182 -141
  361. package/styled-components/es/components/Select/Select.styles.js +11 -26
  362. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  363. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  364. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  365. package/styled-components/es/components/Select/reducers/index.js +1 -2
  366. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  367. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  368. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  369. package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
  370. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  371. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  372. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  373. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  374. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  375. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  376. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  377. package/styled-components/es/components/Select/utils/getView.js +2 -2
  378. package/styled-components/es/components/Select/utils/index.js +4 -1
  379. package/styled-components/es/components/TextField/TextField.js +7 -0
  380. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  381. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  382. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  383. package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.stories.tsx +0 -9
  384. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  385. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  386. package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.stories.tsx +0 -9
  387. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  388. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  389. package/styled-components/es/index.js +1 -0
  390. package/styled-components/es/types/DistributiveOmit.js +1 -0
  391. package/styled-components/es/types/DistributivePick.js +1 -0
  392. package/styled-components/es/utils/fixedForwardRef.js +4 -0
  393. package/styled-components/es/utils/index.js +2 -1
  394. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  395. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  396. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  397. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  398. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  399. package/types/components/Cell/Cell.d.ts.map +1 -1
  400. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  401. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  402. package/types/components/Chip/Chip.d.ts.map +1 -1
  403. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  404. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  405. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  406. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  407. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  408. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  409. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  410. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  411. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  412. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  413. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  414. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  415. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  416. package/types/components/Dropdown/Dropdown.types.d.ts +0 -4
  417. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  418. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  419. package/types/components/Notification/Notification.styles.d.ts +2 -2
  420. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  421. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  422. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
  423. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  424. package/types/components/Range/Range.styles.d.ts +16 -16
  425. package/types/components/Range/Range.styles.d.ts.map +1 -1
  426. package/types/components/Select/FloatingPopover.d.ts +5 -0
  427. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  428. package/types/components/Select/Select.d.ts +5 -11
  429. package/types/components/Select/Select.d.ts.map +1 -1
  430. package/types/components/Select/Select.styles.d.ts +0 -9
  431. package/types/components/Select/Select.styles.d.ts.map +1 -1
  432. package/types/components/Select/Select.tokens.d.ts +121 -58
  433. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  434. package/types/components/Select/Select.types.d.ts +41 -20
  435. package/types/components/Select/Select.types.d.ts.map +1 -1
  436. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  437. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  438. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  439. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  440. package/types/components/Select/index.d.ts +1 -1
  441. package/types/components/Select/index.d.ts.map +1 -1
  442. package/types/components/Select/reducers/index.d.ts +0 -1
  443. package/types/components/Select/reducers/index.d.ts.map +1 -1
  444. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  445. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  446. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  447. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  448. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  449. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  450. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  451. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  452. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  453. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  454. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  455. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  456. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  457. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  458. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  459. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  460. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  461. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  462. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  463. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  464. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  465. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  466. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  467. package/types/components/Select/utils/getItemId.d.ts +2 -0
  468. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  469. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  470. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  471. package/types/components/Select/utils/getView.d.ts +1 -1
  472. package/types/components/Select/utils/getView.d.ts.map +1 -1
  473. package/types/components/Select/utils/index.d.ts +3 -0
  474. package/types/components/Select/utils/index.d.ts.map +1 -1
  475. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  476. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  477. package/types/components/TextField/TextField.d.ts.map +1 -1
  478. package/types/components/TextField/TextField.styles.d.ts +1 -3
  479. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  480. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  481. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  482. package/types/components/Toast/Toast.styles.d.ts +2 -2
  483. package/types/components/Toast/utils.d.ts +2 -2
  484. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  485. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  486. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  487. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  488. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  489. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  490. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  491. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  492. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  493. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  494. package/types/examples/plasma_b2c/components/Select/Select.d.ts +53 -46
  495. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  496. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  497. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  498. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  499. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  500. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  501. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  502. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  503. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  504. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  505. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  506. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  507. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  508. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  509. package/types/examples/plasma_web/components/Select/Select.d.ts +53 -46
  510. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  511. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  512. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  513. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  514. package/types/index.d.ts +1 -0
  515. package/types/index.d.ts.map +1 -1
  516. package/types/types/DistributiveOmit.d.ts +2 -0
  517. package/types/types/DistributiveOmit.d.ts.map +1 -0
  518. package/types/types/DistributivePick.d.ts +2 -0
  519. package/types/types/DistributivePick.d.ts.map +1 -0
  520. package/types/types/index.d.ts +2 -0
  521. package/types/types/index.d.ts.map +1 -1
  522. package/types/utils/fixedForwardRef.d.ts +3 -0
  523. package/types/utils/fixedForwardRef.d.ts.map +1 -0
  524. package/types/utils/index.d.ts +1 -0
  525. package/types/utils/index.d.ts.map +1 -1
  526. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  527. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  528. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  529. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  530. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  531. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  532. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  533. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  534. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  535. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  536. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  537. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  538. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  539. package/cjs/components/Select/variations/_size/base.js +0 -9
  540. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  541. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  542. package/cjs/components/Select/variations/_view/base.js +0 -9
  543. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  544. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  545. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  546. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  547. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  548. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  549. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  550. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  551. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  552. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  553. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  554. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  555. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  556. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  557. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  558. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  559. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  560. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  561. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  562. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  563. package/es/components/Select/Select.styles_768h42.css +0 -5
  564. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  565. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  566. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  567. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  568. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  569. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  570. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  571. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  572. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  573. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  574. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  575. package/es/components/Select/variations/_size/base.js +0 -5
  576. package/es/components/Select/variations/_size/base.js.map +0 -1
  577. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  578. package/es/components/Select/variations/_view/base.js +0 -5
  579. package/es/components/Select/variations/_view/base.js.map +0 -1
  580. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  581. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  582. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  583. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  584. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  585. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  586. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  587. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  588. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  589. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  590. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  591. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  592. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  593. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  594. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  595. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  596. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  597. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  598. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  599. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  600. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  601. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  602. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  603. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  604. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  605. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  606. package/types/components/Select/variations/_size/base.d.ts +0 -2
  607. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  608. package/types/components/Select/variations/_view/base.d.ts +0 -2
  609. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -1,35 +0,0 @@
1
- function focusedChipIndexReducer(state, action) {
2
- switch (action.type) {
3
- case 'reset':
4
- {
5
- return null;
6
- }
7
- case 'moveLeft':
8
- {
9
- if (state === null) {
10
- return 0;
11
- }
12
- if (state === 0) {
13
- return state;
14
- }
15
- return state - 1;
16
- }
17
- case 'moveRight':
18
- {
19
- if (state === null) {
20
- return action.total - 1;
21
- }
22
- if (state === action.total - 1) {
23
- return state;
24
- }
25
- return state + 1;
26
- }
27
- default:
28
- {
29
- return null;
30
- }
31
- }
32
- }
33
-
34
- export { focusedChipIndexReducer };
35
- //# sourceMappingURL=focusedChipIndexReducer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focusedChipIndexReducer.js","sources":["../../../../src/components/Select/reducers/focusedChipIndexReducer.ts"],"sourcesContent":["export type FocusedChipIndexState = number | null;\n\nexport type FocusedChipIndexAction = { type: 'reset' } | { type: 'moveLeft' } | { type: 'moveRight'; total: number };\n\nexport function focusedChipIndexReducer(\n state: FocusedChipIndexState,\n action: FocusedChipIndexAction,\n): FocusedChipIndexState {\n switch (action.type) {\n case 'reset': {\n return null;\n }\n\n case 'moveLeft': {\n if (state === null) {\n return 0;\n }\n\n if (state === 0) {\n return state;\n }\n\n return state - 1;\n }\n\n case 'moveRight': {\n if (state === null) {\n return action.total - 1;\n }\n\n if (state === action.total - 1) {\n return state;\n }\n\n return state + 1;\n }\n\n default: {\n return null;\n }\n }\n}\n"],"names":["focusedChipIndexReducer","state","action","type","total"],"mappings":"AAIO,SAASA,uBAAuBA,CACnCC,KAA4B,EAC5BC,MAA8B,EACT;EACrB,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,UAAU;AAAE,MAAA;QACb,IAAIF,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,WAAW;AAAE,MAAA;QACd,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,KAAK,GAAG,CAAC,CAAA;AAC3B,SAAA;AAEA,QAAA,IAAIH,KAAK,KAAKC,MAAM,CAACE,KAAK,GAAG,CAAC,EAAE;AAC5B,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AACJ,GAAA;AACJ;;;;"}
@@ -1,9 +0,0 @@
1
- .s1vls8ri{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
2
- .s1to2lz5{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
3
- .s17z4dei{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
4
- .s1nd9idj{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
5
- .dnb2nsj{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dnb2nsj:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
6
- .i581hb1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.i581hb1 .select-item-checkbox{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
7
- .scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
8
- .wzzpzvq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-active{background:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
9
-
@@ -1,5 +0,0 @@
1
- .sfn0xs0{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
2
- .i1akdel6{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-target-button-arrow-color-active);}
3
- .sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
5
- .lpf11kx{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,12 +0,0 @@
1
- .t1yhwv5r{display:inline;}.t1yhwv5r .select-textfield-target{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.t1yhwv5r .select-textfield-target:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.t1yhwv5r .select-without-box-shadow::before{box-shadow:none !important;}
2
- .s7x5udn{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.s7x5udn::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s7x5udn.focus-visible:focus::before,.s7x5udn[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
3
-
4
- .i1kxyc50{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.i1kxyc50:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.i1kxyc50:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
5
- .wqzfsxn{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.wqzfsxn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
6
- .c1cgo38i{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.c1cgo38i::-webkit-scrollbar{display:none;}
7
- .l9ikjwc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
8
- .p1jn3k4y{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
9
- .i8xlj9b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
10
- .iu6fefp{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
11
- .c1ox0htq{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(--plasma-select-content-left-color,--text-secondary);}
12
- .v1kam5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,21 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
4
-
5
- .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
6
-
7
- .base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
8
-
9
- .base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
10
-
11
- .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
12
-
13
- .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
14
-
15
- .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
16
- .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
17
- .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
18
- .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
19
- .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
20
-
21
- .Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
@@ -1,32 +0,0 @@
1
- import React, { useRef, useEffect } from 'react';
2
- import { classes } from '../../../../../../Select.tokens.js';
3
- import { StyledChip } from './Chip.styles.js';
4
-
5
- var _div;
6
- var Chip = function Chip(_ref) {
7
- var text = _ref.text,
8
- onClick = _ref.onClick,
9
- focused = _ref.focused,
10
- isTargetAmount = _ref.isTargetAmount;
11
- var ref = useRef(null);
12
- useEffect(function () {
13
- if (focused && ref.current) {
14
- ref.current.scrollIntoView({
15
- behavior: 'smooth',
16
- block: 'center',
17
- inline: 'center'
18
- });
19
- }
20
- }, [focused]);
21
- return /*#__PURE__*/React.createElement(StyledChip, {
22
- contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
23
- tabIndex: -1,
24
- onClick: onClick,
25
- text: "".concat(text),
26
- className: focused ? classes.selectChipIsFocused : undefined,
27
- ref: ref
28
- });
29
- };
30
-
31
- export { Chip };
32
- //# sourceMappingURL=Chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { SelectProps } from '../../../../../../Select.types';\nimport { classes } from '../../../../../../Select.tokens';\n\nimport { StyledChip } from './Chip.styles';\n\nexport const Chip: React.FC<{\n text: string;\n onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n focused?: boolean;\n isTargetAmount?: SelectProps['isTargetAmount'];\n}> = ({ text, onClick, focused, isTargetAmount }) => {\n const ref = useRef<HTMLButtonElement | null>(null);\n\n useEffect(() => {\n if (focused && ref.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focused]);\n\n return (\n <StyledChip\n contentClearButton={isTargetAmount && <div />}\n tabIndex={-1}\n onClick={onClick}\n text={`${text}`}\n className={focused ? classes.selectChipIsFocused : undefined}\n ref={ref}\n />\n );\n};\n"],"names":["Chip","_ref","text","onClick","focused","isTargetAmount","ref","useRef","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","StyledChip","contentClearButton","_div","tabIndex","concat","className","classes","selectChipIsFocused","undefined"],"mappings":";;;;;IAOaA,IAKX,GAAG,SALQA,IAKXA,CAAAC,IAAA,EAAmD;AAAA,EAAA,IAA7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc,CAAA;AAC1C,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAA2B,IAAI,CAAC,CAAA;AAElDC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIJ,OAAO,IAAIE,GAAG,CAACG,OAAO,EAAE;AACxBH,MAAAA,GAAG,CAACG,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACT,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPC,IAAAA,kBAAkB,EAAEZ,cAAc,KAAAa,IAAA,KAAAA,IAAA,gBAAIJ,KAAA,CAAAC,aAAA,CAAM,KAAA,EAAA,IAAA,CAAC,CAAC,CAAA;IAC9CI,QAAQ,EAAE,CAAC,CAAE;AACbhB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,IAAI,EAAAkB,EAAAA,CAAAA,MAAA,CAAKlB,IAAI,CAAG;AAChBmB,IAAAA,SAAS,EAAEjB,OAAO,GAAGkB,OAAO,CAACC,mBAAmB,GAAGC,SAAU;AAC7DlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACZ,CAAC,CAAA;AAEV;;;;"}
@@ -1,18 +0,0 @@
1
- import './Chip.styles_1a752pa.css';
2
- import { styled } from '@linaria/react';
3
- import { component, mergeConfig } from '../../../../../../../../engines/common.js';
4
- import { chipConfig } from '../../../../../../../Chip/Chip.js';
5
-
6
- var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
7
- var Chip = /*#__PURE__*/component(mergedConfig);
8
- var _exp = function _exp() {
9
- return Chip;
10
- };
11
- var StyledChip = /*#__PURE__*/styled(_exp())({
12
- name: "StyledChip",
13
- "class": "scwjjdn",
14
- propsAsIs: true
15
- });
16
-
17
- export { StyledChip };
18
- //# sourceMappingURL=Chip.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.colorHover}: var(${tokens.chipColor});\n ${chipTokens.colorActive}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n ${chipTokens.fontSize}: var(${tokens.fontSize});\n ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n ${chipTokens.focusColor}: var(${constants.focusColor});\n\n ${addFocus({\n outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n customFocusRules: `\n &.${classes.selectChipIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n }\n `,\n })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}
@@ -1 +0,0 @@
1
- .scwjjdn{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.scwjjdn::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.scwjjdn.select-chip-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "bfj2r6g";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "bxb0k14";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s14qvple,.b15d3bnf.label-placement-inner .smqgwd8{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.focusedChipIndexReducer = focusedChipIndexReducer;
7
- function focusedChipIndexReducer(state, action) {
8
- switch (action.type) {
9
- case 'reset':
10
- {
11
- return null;
12
- }
13
- case 'moveLeft':
14
- {
15
- if (state === null) {
16
- return 0;
17
- }
18
- if (state === 0) {
19
- return state;
20
- }
21
- return state - 1;
22
- }
23
- case 'moveRight':
24
- {
25
- if (state === null) {
26
- return action.total - 1;
27
- }
28
- if (state === action.total - 1) {
29
- return state;
30
- }
31
- return state + 1;
32
- }
33
- default:
34
- {
35
- return null;
36
- }
37
- }
38
- }
@@ -1,37 +0,0 @@
1
- "use strict";
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); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Chip = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _Select = /*#__PURE__*/require("../../../../../../Select.tokens");
10
- var _Chip = /*#__PURE__*/require("./Chip.styles");
11
- var _div;
12
- 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); }
13
- 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; }
14
- var Chip = exports.Chip = function Chip(_ref) {
15
- var text = _ref.text,
16
- onClick = _ref.onClick,
17
- focused = _ref.focused,
18
- isTargetAmount = _ref.isTargetAmount;
19
- var ref = (0, _react.useRef)(null);
20
- (0, _react.useEffect)(function () {
21
- if (focused && ref.current) {
22
- ref.current.scrollIntoView({
23
- behavior: 'smooth',
24
- block: 'center',
25
- inline: 'center'
26
- });
27
- }
28
- }, [focused]);
29
- return /*#__PURE__*/_react["default"].createElement(_Chip.StyledChip, {
30
- contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/_react["default"].createElement("div", null))),
31
- tabIndex: -1,
32
- onClick: onClick,
33
- text: "".concat(text),
34
- className: focused ? _Select.classes.selectChipIsFocused : undefined,
35
- ref: ref
36
- });
37
- };
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledChip = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
- var _Chip = /*#__PURE__*/require("../../../../../../../Chip");
9
- var _engines = /*#__PURE__*/require("../../../../../../../../engines");
10
- var _Select = /*#__PURE__*/require("../../../../../../Select.tokens");
11
- var _mixins = /*#__PURE__*/require("../../../../../../../../mixins");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
14
- var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
15
- var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
16
- componentId: "plasma-new-hope__sc-1mtedco-0"
17
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ";"], _Chip.chipTokens.color, _Select.tokens.chipColor, _Chip.chipTokens.colorHover, _Select.tokens.chipColor, _Chip.chipTokens.colorActive, _Select.tokens.chipColor, _Chip.chipTokens.background, _Select.tokens.chipBackground, _Chip.chipTokens.backgroundHover, _Select.tokens.chipBackgroundHover, _Chip.chipTokens.backgroundActive, _Select.tokens.chipBackgroundActive, _Chip.chipTokens.borderRadius, _Select.tokens.chipBorderRadius, _Chip.chipTokens.height, _Select.tokens.chipHeight, _Chip.chipTokens.paddingRight, _Select.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _Select.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _Select.tokens.fontFamily, _Chip.chipTokens.fontSize, _Select.tokens.fontSize, _Chip.chipTokens.fontStyle, _Select.tokens.fontStyle, _Chip.chipTokens.fontWeight, _Select.tokens.fontWeight, _Chip.chipTokens.letterSpacing, _Select.tokens.fontLetterSpacing, _Chip.chipTokens.lineHeight, _Select.tokens.fontLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Select.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Select.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _Select.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Select.tokens.chipColor, _Chip.chipTokens.focusColor, _Select.constants.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
18
- outlineOffset: /*#__PURE__*/"calc(var(".concat(_Select.tokens.focusOffset, ") * -1)"),
19
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.chipBorderRadius, ") + var(").concat(_Select.tokens.focusOffset, "))"),
20
- customFocusRules: /*#__PURE__*/"\n &.".concat(_Select.classes.selectChipIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 ").concat(_Select.constants.focusSize, " var(").concat(_Select.constants.focusColor, ");\n }\n ")
21
- }));
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _Chip = /*#__PURE__*/require("./Chip/Chip");
7
- Object.keys(_Chip).forEach(function (key) {
8
- if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _Chip[key]) return;
10
- Object.defineProperty(exports, key, {
11
- enumerable: true,
12
- get: function get() {
13
- return _Chip[key];
14
- }
15
- });
16
- });
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,9 +0,0 @@
1
- [
2
- " --plasma-select-width",
3
- " --plasma-select-height",
4
- " --plasma-select-border-radius",
5
- " --plasma-select-padding-top",
6
- " --plasma-select-padding-right",
7
- " --plasma-select-padding-bottom",
8
- " --plasma-select-padding-left"
9
- ]
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1 +0,0 @@
1
- ["--plasma-select-background", "--plasma-select-box-shadow"]
@@ -1,32 +0,0 @@
1
- export function focusedChipIndexReducer(state, action) {
2
- switch (action.type) {
3
- case 'reset':
4
- {
5
- return null;
6
- }
7
- case 'moveLeft':
8
- {
9
- if (state === null) {
10
- return 0;
11
- }
12
- if (state === 0) {
13
- return state;
14
- }
15
- return state - 1;
16
- }
17
- case 'moveRight':
18
- {
19
- if (state === null) {
20
- return action.total - 1;
21
- }
22
- if (state === action.total - 1) {
23
- return state;
24
- }
25
- return state + 1;
26
- }
27
- default:
28
- {
29
- return null;
30
- }
31
- }
32
- }
@@ -1,28 +0,0 @@
1
- var _div;
2
- import React, { useEffect, useRef } from 'react';
3
- import { classes } from '../../../../../../Select.tokens';
4
- import { StyledChip } from './Chip.styles';
5
- export var Chip = function Chip(_ref) {
6
- var text = _ref.text,
7
- onClick = _ref.onClick,
8
- focused = _ref.focused,
9
- isTargetAmount = _ref.isTargetAmount;
10
- var ref = useRef(null);
11
- useEffect(function () {
12
- if (focused && ref.current) {
13
- ref.current.scrollIntoView({
14
- behavior: 'smooth',
15
- block: 'center',
16
- inline: 'center'
17
- });
18
- }
19
- }, [focused]);
20
- return /*#__PURE__*/React.createElement(StyledChip, {
21
- contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
22
- tabIndex: -1,
23
- onClick: onClick,
24
- text: "".concat(text),
25
- className: focused ? classes.selectChipIsFocused : undefined,
26
- ref: ref
27
- });
28
- };
@@ -1,14 +0,0 @@
1
- import styled from 'styled-components';
2
- import { chipConfig, chipTokens } from '../../../../../../../Chip';
3
- import { component, mergeConfig } from '../../../../../../../../engines';
4
- import { tokens, classes, constants } from '../../../../../../Select.tokens';
5
- import { addFocus } from '../../../../../../../../mixins';
6
- var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
7
- var Chip = /*#__PURE__*/component(mergedConfig);
8
- export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
9
- componentId: "plasma-new-hope__sc-1mtedco-0"
10
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ";"], chipTokens.color, tokens.chipColor, chipTokens.colorHover, tokens.chipColor, chipTokens.colorActive, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.height, tokens.chipHeight, chipTokens.paddingRight, tokens.chipPaddingRight, chipTokens.paddingLeft, tokens.chipPaddingLeft, chipTokens.fontFamily, tokens.fontFamily, chipTokens.fontSize, tokens.fontSize, chipTokens.fontStyle, tokens.fontStyle, chipTokens.fontWeight, tokens.fontWeight, chipTokens.letterSpacing, tokens.fontLetterSpacing, chipTokens.lineHeight, tokens.fontLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipColor, chipTokens.focusColor, constants.focusColor, /*#__PURE__*/addFocus({
11
- outlineOffset: /*#__PURE__*/"calc(var(".concat(tokens.focusOffset, ") * -1)"),
12
- outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") + var(").concat(tokens.focusOffset, "))"),
13
- customFocusRules: /*#__PURE__*/"\n &.".concat(classes.selectChipIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 ").concat(constants.focusSize, " var(").concat(constants.focusColor, ");\n }\n ")
14
- }));
@@ -1 +0,0 @@
1
- export * from './Chip/Chip';
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1,9 +0,0 @@
1
- [
2
- " --plasma-select-width",
3
- " --plasma-select-height",
4
- " --plasma-select-border-radius",
5
- " --plasma-select-padding-top",
6
- " --plasma-select-padding-right",
7
- " --plasma-select-padding-bottom",
8
- " --plasma-select-padding-left"
9
- ]
@@ -1,2 +0,0 @@
1
- import { css } from 'styled-components';
2
- export var base = /*#__PURE__*/css([""]);
@@ -1 +0,0 @@
1
- ["--plasma-select-background", "--plasma-select-box-shadow"]
@@ -1,11 +0,0 @@
1
- export declare type FocusedChipIndexState = number | null;
2
- export declare type FocusedChipIndexAction = {
3
- type: 'reset';
4
- } | {
5
- type: 'moveLeft';
6
- } | {
7
- type: 'moveRight';
8
- total: number;
9
- };
10
- export declare function focusedChipIndexReducer(state: FocusedChipIndexState, action: FocusedChipIndexAction): FocusedChipIndexState;
11
- //# sourceMappingURL=focusedChipIndexReducer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focusedChipIndexReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/reducers/focusedChipIndexReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,oBAAY,sBAAsB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAErH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,sBAAsB,GAC/B,qBAAqB,CAkCvB"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { SelectProps } from '../../../../../../Select.types';
3
- export declare const Chip: React.FC<{
4
- text: string;
5
- onClick?: (e: React.MouseEvent<HTMLElement>) => void;
6
- focused?: boolean;
7
- isTargetAmount?: SelectProps['isTargetAmount'];
8
- }>;
9
- //# sourceMappingURL=Chip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAClD,CAuBA,CAAC"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../../../../../engines/types").PropsType<import("../../../../../../../../engines/types").Variants> & import("../../../../../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
3
- //# sourceMappingURL=Chip.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,UAAU,iSAiCtB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './Chip/Chip';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}